onepage/tm/template_dir/admin/activity/page_create.html

<{include file="./admin/header.html"}>
<{include file="./admin/left.html"}>
<{include file="./admin/nav.html"}>
<{include file="get_kindeditor.html"}>

<style>
.set-nav {
	margin: 0 auto;
}
.set-nav-hr {
	background-color: #ddd;
    height: 1px;
    position: relative;
}
.form-group label {
	font-weight: 600;
}
.checkbox-inline, .radio-inline {
	font-weight: 400!important;
}
.rowlabel {
	font-weight: 300!important;
}
.music_play_hide {
	display:none;
}
</style>

<div id="activity_container">

<form id="activity_form">
<div class="activity_center">
	<{include file="./admin/activity/common_nav.html"}>
	<{if !$platformList}>
		请先创建一个列表。进入<a href="<{$web_cfg.domain}>/?c=Admin_Platform_index&a=PageList">平台列表</a>
	<{else}>
	<div class="form-group">
		<label>标题:</label>
		<input name="events_name" type="text" class="form-control">
	</div>
	
	<div class="form-group">
		<label>活动类型:</label>
		<div>
		<{if !$thisType}>
			<{foreach from=$typeData item=type key=typeid}>
			<label class="radio-inline"><input name="type" type="radio" value="<{$typeid}>"> <{$type.desc}></label>
			<{/foreach}>
		<{else}>
			<{foreach from=$typeData item=type key=typeid}>
			<{if $thisType == $typeid}>
			<label class="radio-inline"><input name="type" type="radio" value="<{$typeid}>" checked> <{$type.desc}></label>
			<{else}>
			<label class="radio-inline"><input name="type" type="radio" value="<{$typeid}>" style="color:#ccc;" disabled> <{$type.desc}></label>
			<{/if}>
			<{/foreach}>
		<{/if}>
		</div>
	</div>
	<div class="form-group">
		<label class="control-label">列表默认图<small class="text-danger">（JPG、PNG，640x320，小于60k）</small></label>
		<div>
			<img id="img_url_tag" src="http://placehold.it/320x160&text=640x320" style="width:200px;" class="img-thumbnail">
			<input id="img_url_input" name="img_url" type="hidden" value="">
			<input id="image_upload" type="button" value="选择图片" >
		</div>
	</div>
	<{if $typeData[$thisType].kw != 'TYPE_EVENTS_ARTICLE' }>
	<div class="form-group">
		<label class="control-label">开始时间：</label>
		<input name="begin_time" type="text" class="form-control" style="max-width:250px;min-width:200px;">
	</div>
	<div class="form-group">
		<label class="control-label">结束时间：</label>
		<input name="end_time" type="text" class="form-control" style="max-width:250px;min-width:200px;">
	</div>
	<{/if}>
	<div class="form-group">
		<label class="control-label">发布到哪些列表</label>
		<div>
			<{if $platformList|@count==1}>
			<{foreach from=$platformList item=platfrom}>
			<label class="checkbox-inline">
				<input name="platform_ids[]" type="checkbox" value="<{$platfrom.id}>" checked> <{$platfrom.name}>
			</label>
			<{/foreach}>
			<{else}>
			<{foreach from=$platformList item=platfrom}>
			<label class="checkbox-inline">
				<input name="platform_ids[]" type="checkbox" value="<{$platfrom.id}>"> <{$platfrom.name}>
			</label>
			<{/foreach}>
			<{/if}>
		</div>
		<div class="note">注：创建后不可修改</div>
	</div>
	<{if $typeData[$thisType].kw == 'TYPE_EVENTS_OTHER' }>
	<div class="form-group">
		<label>跳转URL:</label>
		<input name="other_url" type="text" class="form-control">
	</div>
	<{/if}>
	
	<div class="form-group">
		<label class="control-label">是否用户登录</label>
		<div>
			<{foreach from=$authorize item=info key=authid}>
			<label class="radio-inline">
				<input name="authorize" type="radio" value="<{$authid}>"> <{$info.desc}>
			</label>
			<{/foreach}>
		</div>	
	</div>
	
	<div class="form-group">
		<label class="control-label">是否在列表中出现</label>
		<div>
			<{foreach from=$listDisplay item=info key=key}>
			<label class="radio-inline">
				<input name="list_display" type="radio" value="<{$key}>"> <{$info.desc}>
			</label>
			<{/foreach}>
		</div>	
	</div>
	
	
	<{if !$thisType|in_array:$weixinFormNotType}>
	<div class="panel panel-default">
		<div class="panel-heading"><h3 class="panel-title" id="panel-title">设置微信分享</h3></div>
		<div class="panel-body">
			<div class="form-group">
				<div class="form-group">
					<label class="control-label rowlabel">分享用图：<small class="text-danger">JPG、PNG，200*200，小于20k</small></label>
					<div>
						<img id="share_image_tag" src="http://placehold.it/200&text=200x200" style="width:150px;" class="img-thumbnail">
						<input id="share_image_input" name=wx_img_url type="hidden" value="">
						<input id="share_image_upload" type="button" value="选择图片" >
					</div>
				</div>
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<label class="control-label rowlabel">标题：<small class="text-danger">小于24个字</small></label>
							<input name="weixinShare_title" type="text" class="form-control">
						</div>
						<div class="form-group">
							<label class="control-label rowlabel">分享内容：<small class="text-danger">小于36个字</small></label>
							<input name="weixinShare_content" type="text" class="form-control">
						</div>
						<div class="form-group">
							<label class="control-label rowlabel">用户分享后跳转地址：</label>
							<input name="weixinShare_jump_url" type="text" class="form-control">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<{/if}>
	<{if $typeData[$thisType].kw != 'TYPE_EVENTS_ARTICLE'
	&& $typeData[$thisType].kw != 'TYPE_EVENTS_CUT_SCREEN'
	&& $typeData[$thisType].kw != 'TYPE_EVENTS_OTHER'
	}>
	<div  class="panel panel-default">
		<div class="panel-heading"><h3 class="panel-title" id="panel-title">设置参与规则</h3></div>
		<div class="panel-body">
			<div class="form-group">
				<div class="row">
					<div class="col-md-3">
						<p>允许每天用户参与次数：</p>
						<input name="participation_user_num" type="text" class="form-control" value="0" style="max-width:;">
					</div>
					<div class="col-md-3">
						<p>允许每天IP参与次数：</p>
						<input name="participation_ip_num" type="text" class="form-control" value="0" style="max-width:;">
					</div>
					<div class="col-md-3">
						<p>允许用户参与次数：</p>
						<input type="text" name="participation_user_all_num" class="form-control" value="0" style="max-width:;">
					</div>
					<{if $typeData[$thisType].kw == 'TYPE_EVENTS_TURNTABLE' }>
					<div class="col-md-3">
						<p>允许用户获奖次数：</p>
						<input type="text" name="winning_user_num" class="form-control" value="0" style="max-width:;">
					</div>
					<{/if}>
				</div>
			</div>
		</div>
	</div>
	<{/if}>
	<{if $thisType|in_array:$cutDirectionFormNotType}>
	<div  class="panel panel-default">
		<div class="panel-heading"><h3 class="panel-title" id="panel-title">切屏方向</h3></div>
		<div class="panel-body">
			<div class="form-group">
				<div>
					<label class="radio-inline">
						<input name="cut_fx" type="radio" value="fadeInUp" <{if $eventData.cut_fx == 'fadeInUp'}>checked<{/if}> > 从下向上翻页
					</label>
					<label class="checkbox-inline">
						<input name="cut_fx" type="radio" value="fadeInRight" <{if $eventData.cut_fx == 'fadeInRight'}>checked<{/if}> > 从右向左翻页
					</label>
				</div>
				<div class='note'>调整切屏方向，将改变切屏方式及部分内容显示的效果，一旦选定，尽量不要修改</div>
			</div>
		</div>
	</div>
	<{/if}>
	
	<{if $thisType|in_array:$musicFormNotType}>		
	<div  class="panel panel-default">
		<div class="panel-heading"><h3 class="panel-title" id="panel-title">专题音乐设置</h3></div>
		<div class="panel-body">
			<div class="form-group">
				<div>
					<a href="javascript:;" class="music_play_or_pause music_play_hide button button-caution button-circle button-tiny" data-type="play">播</a> 
					<input id="music_input" name="music_url" type="hidden" value="">
					<input id="music_upload" type="button" value="选择音乐" >
				</div>
				<div>
				<p></p>
				<span class="">音乐图标放置：</span>
				<{foreach from=$getMusicPosition item=info key=posid}>
				<label class="radio-inline">
					<input name="music_position" type="radio" value="<{$posid}>"> <{$info.desc}>
				</label>
				<{/foreach}>
				</div>
			</div>
			<div>目前只支持MP3格式，小于20k</div>
		</div>
	</div>
	
	<div  class="panel panel-default">
		<div class="panel-heading"><h3 class="panel-title" id="panel-title">加载动画设置</h3></div>
		<div class="panel-body">
			<div class="form-group">
				<div class="row">
					<div class="col-md-3">
						<p>加载背景色：</p>
						<input id="loading_bg_input" name="loading_bg_color" type="text" class="form-control" value="#f8f7f5">
					</div>
					<div class="col-md-3">
						<p>加载动画、文本颜色：</p>
						<input id="loading_text_input" name="loading_text_color" type="text" class="form-control" value="#999999">
					</div>
				</div>
			</div>
		</div>
	</div>
	<{/if}>
	<a id="activity_submit" href="javascript:;" class="button button-3d button-primary button-rounded"><i class="fa fa-refresh fa-spin" style="display:none;"></i> 创建活动</a>
	<{/if}>
</div>

<div style="clear:both;"></div>
</form>
</div>

<{if $thisType|in_array:$musicFormNotType}>
<script src="<{$web_cfg.cdn}>/public/static/js/jquery.minicolors.js"></script>
<link rel="stylesheet" href="<{$web_cfg.cdn}>/public/static/js/jquery.minicolors.css">
<{/if}>

<script>
KISSY.use('node, io, jquery, gallery/datetimepicker/2.0.0/index, gallery/xplayer/2.1.0/index', function (S, Node, IO, jQuery, Datetimepicker, Xplayer) {
	var $ = S.all;
	
	//日期
    new Datetimepicker({
        start : 'input[name=begin_time]'
    });
 	//日期
    new Datetimepicker({
        start : 'input[name=end_time]'
    });
 	
    var XiamiPlay = new Xplayer({
        "autoplay": false
    });
    <{if $thisType|in_array:$musicFormNotType}>
	//选择音乐
    KindEditor.ready(function(K) {
    	var uploadbutton = K.uploadbutton({
    		button : K('#music_upload')[0],
    		fieldName : 'imgFile',
    		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=mp3',
    		afterUpload : function(data) {
    			if (data.error === 0) {
    				var url = K.formatUrl(data.url, 'absolute');
    				K('#music_input').val(data.url);
    				$(".music_play_or_pause").removeClass('music_play_hide');
    				XiamiPlay.load({
    				    'url' : data.url,
    				});
    			} else {
    				alert(data.message);
    			}
    		},
    		afterError : function(str) {
    			alert('自定义错误信息: ' + str);
    		}
    	});
    	uploadbutton.fileBox.change(function(e) {
    		uploadbutton.submit();
    	});
    });
  	
    $(".music_play_or_pause").on("click", function() {
    	if ($(this).attr('data-type') == 'play') {
    		XiamiPlay.play();
    		$(this).attr('data-type', 'pause').text('停');
    	} else {
    		XiamiPlay.pause();
    		$(this).attr('data-type', 'play').text('播');
    	}
    });
    <{/if}>
    
    var activity_submit_status = false; //按钮状态
    function submit_button_active() {
    	activity_submit_status = true;
    	$("#activity_submit").addClass('active').all('i').show();
    }
    function submit_button_default() {
    	activity_submit_status = false;
    	$("#activity_submit").removeClass('active').all('i').hide();
    }
    
    $("#activity_submit").on('click', function () {
    	if (activity_submit_status) {
    		return false;
    	}
    	submit_button_active();
    	
    	//表单验证
    	var events_name = S.trim($("input[name=events_name]").val());
    	if (!events_name) {
    		alert('请填写活动标题');
    		submit_button_default();
    		return false;
    	}
    	
    	var img_url = $("input[name=img_url]").val();
    	if (!img_url) {
    		alert('请选择列表默认图片');
    		submit_button_default();
    		return false;
    	}
    	
    	var type = $("input[name=type]:checked").val();
    	if (type <= 0) {
    		alert('请选择活动类型');
    		submit_button_default();
    		return false;
    	}
    	
    	<{if $typeData[$thisType].kw != 'TYPE_EVENTS_ARTICLE' }>
    	var begin_time = $("input[name=begin_time]").val();
    	var end_time = $("input[name=end_time]").val();
    	if (!begin_time || !end_time) {
    		alert('请设置活动时间');
    		submit_button_default();
    		return false;
    	}
    	<{/if}>
    	
    	formData = IO.serialize("#activity_form");
    	new IO({
			type: "post"
			, url: VG.conf.root_domain + '/?c=Admin_Activity_SetBasics&a=ReqCreate'
			, data: formData
			, success: function (data) {
				if (data.ok) { //ok
					var url = data.msg;
					location.href = url;
				} else {
					alert('操作失败，原因：'+data.msg);
				}
				return false;
			}
			, error: function (NULL, textStatus) {
				alert("请求服务器失败，原因:"+textStatus);
			}
			, dataType: "json"
		});
    });
});

//设置微信分享
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#share_image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#share_image_input').val(data.url);
				K('#share_image_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});

//列表默认图
KindEditor.ready(function(K) {
	var uploadbutton = K.uploadbutton({
		button : K('#image_upload')[0],
		fieldName : 'imgFile',
		url : VG.conf.root_domain + '/?c=kindeditor&a=updateJson&dir=image',
		afterUpload : function(data) {
			if (data.error === 0) {
				var url = K.formatUrl(data.url, 'absolute');
				K('#img_url_input').val(data.url);
				K('#img_url_tag').attr('src', data.url);
			} else {
				alert(data.message);
			}
		},
		afterError : function(str) {
			alert('自定义错误信息: ' + str);
		}
	});
	uploadbutton.fileBox.change(function(e) {
		uploadbutton.submit();
	});
});

<{if $thisType|in_array:$musicFormNotType}>
$("#loading_bg_input").minicolors({
	defaultValue: '<{$eventData.loading_bg_color}>'
});
$("#loading_text_input").minicolors({
	defaultValue: '<{$eventData.loading_text_color}>'
});
<{/if}>
</script>

<{include file="./admin/bottom.html"}>