onepage/tm/template_dir/events_try.html

<{include file="header.html"}>

<!--公用标题居中显示-->
<{include file="common_header.html"}>
<!---->
<div class="wrapper clear">
	<div class="try_show_box clear">
    	<div class="article_title center"><{$tryInfo.events_name}></div>
        <div class="article_content clear">
            <{$tryInfo.events_tips}>
        </div>
    </div>
    
    <div class="v_box_w clear">
        <{if !$eventsStatus}>
        <{if $tryInfo.events_hd_tips}>
            <div class="h3_title"><{$tryInfo.events_hd_tips}></div>
        <{/if}>
        <{include file="event_forms_template.html"}>
       <{else}>
        <!--公用活动结束提示 begin-->
        <div class="v_end_com_box">
            <div class="v_end_txt_com center">活动已结束！</div>
            <div class="center"><a href="<{$listUrl}>" class="submit_btn_style">参与更多特权活动</a></div>
        </div>
        <{/if}>
        
        <!--公用活动规则样式-->
        <{if $tryInfo.operationt_tips}>
        <div class="h3_title"><{$tryInfo.operationt_tips}></div>
        <{/if}>
        <div class="activity_des">
            <{$tryInfo.events_rules}>
        </div>
        
        <div class="clear"></div>
    </div>

</div>

<!--公用提示背景遮罩层-->
<div class="a_cover"></div>

<div class="v_tips_box v_tips_box2" id="error_tips_box">
    <div class="v_close_btn"></div>
    <p class="tips_msg" id="error_msg">错误信息</p>    
</div>

<!--活动结束提示+按钮-->
<div class="v_tips_box v_tips_box2" id="try_tips_box">
	<div class="v_close_btn"></div>
	<p>您的申请提交成功！</p>
    <p><a href="javascript:;" class="v2_close_btn submit_btn_style">确认</a></p>
</div>


<script>
var seconds = 2000;

function clearCover(){
	$('.a_cover').fadeOut(200);
}



function showOkMsg(){
	$('.a_cover').fadeIn(200);
	$('#try_tips_box').fadeIn(200);
}

var goUrl = '';
function go_page(){
	location.href = goUrl;
}

function showErrorMsg(data_msg){
	$('.v_close_btn').show();
	$('#error_msg').html(data_msg);
	$('#error_tips_box').fadeIn(200);
	$('.a_cover').fadeIn(200);
}


function showErrorMsgGoPage(data_msg){
	$('.v_close_btn').show();
	$('#error_msg').html(data_msg);
	$('#error_tips_box').fadeIn();
	$('.a_cover').fadeIn();
	setInterval("go_page();",seconds+100);
}


KISSY.use('node, io', function (S, Node, IO) {
	
	var $ = S.all;
	
	//视频自适应
	var screenWidth = $(window).width();
	var baseWidth = 510;
	var video_scale = screenWidth / baseWidth;
	$(".video_iframe").each(function () {
		var new_width = $(this).width() * video_scale;
		$(this).width(new_width - 20);
		var new_height = $(this).height() * video_scale;
		$(this).height(new_height - 20);
	});
	
	function showErrorMsgBox(msg){
		$(".v_tips_box").fadeOut();
		$("#error_msg").html(msg);
		$("#error_tips_box").show();
		
	}
	
	$(".v_close_btn,.v2_close_btn").on('click', function(){
		$(".v_tips_box,.a_cover").hide();
	});
	
	IO.on("send",function(){
		//$(".a_cover").css("opacity", 0);
		showErrorMsg('<i class="fa fa-spinner fa-pulse"></i>');
		$('.a_cover').fadeIn();
	});
	
	
	IO.on("complete",function(){
		//$("#error_tips_box").fadeOut();
	});
	
	$('#common_submit_btn').on('click', function () {
		var formData = IO.serialize('#ff');
		IO.post('<{$web_cfg.domain}>/?c=EventsTry&a=apply&events_id=<{$tryInfo.id}>'
			, formData
			, function (data) {
				if (data.ok) {
					showOkMsg();
				} else {
					if(data.msg.url){
						goUrl = '<{$loginUrl}>';
						showErrorMsgGoPage('本活需登录后才可以参与');
						return;
					}
					showErrorMsg(data.msg);
				}
			}
			, 'json'
		);
		return false;
	});
});
</script>

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