// 姝ｅ紡鐗
const dataBaseUrl='https://cms.jingdiao.com'
// 寮€鍙戠増
// const dataBaseUrl='http://localhost:1337'
const token="1234f95023ab9af2112324d1940f005187b02fefbd4b9b2841904f28128450639ceb81c474a65dc14e754b83458d5604e0575a1b875c6519c64fbecd2b915ab9ad5b0420d37ad86980f2e8c54ab5daff8e211d59daf841786dd4a5a6a45f1bcf8002064802610cb8e8afbd39f5a03be2f251a521bdabc911f2affc73bb57b24e"
// 鑾峰彇鏂伴椈鏁版嵁
var vueApp
initApp()
getData()
function initApp(){
	const { createApp,ref,computed,onUpdated } = Vue
	vueApp = createApp({
		setup(){
			const recentActivities=ref([])
            onUpdated(()=>{
				initEvent()
			})
			return {
				recentActivities,
				dataBaseUrl,
                doingActivities: computed(()=>{
                    return recentActivities.value.filter((item)=>{
                        return item.attributes.status==='doing'
                    })
                }),
                doingOrtodoActivities: computed(()=>{
                    return recentActivities.value.filter((item)=>{
                        return item.attributes.status==='doing'||item.attributes.status==='todo'
                    })
                }),
                doneActivities: computed(()=>{
                    return recentActivities.value.filter((item)=>{
                        return item.attributes.status==='done'||item.attributes.status===null
                    })
                })
			}
		}
	}).mount('#recent-activities-app')

	jQuery(".subscribe-dialog-area-close").click(function(){
		jQuery('.mask').hide()
	})
	jQuery('#subscribe_submit').click(function(){
		var flag = true;
		jQuery(".fm_input").each(function(){
			var val = jQuery(this).val();
			if(!val){
				var requiredAlert = "姝ら」涓哄繀濉」";
				jQuery(this).siblings("div").children("span.hint").html(requiredAlert);
				flag = false;
			} 
			else{
				jQuery(this).siblings("div").children("span.hint").html("");
			}
		});

		if(flag===true){
			jQuery('#subscribe_submit').attr('disabled','disabled')
			jQuery("#subscribe_submit").val('鎻愪氦涓?)
			jQuery.post("../../contact-us/User/User/subscribe", { 
				title: jQuery('#subscribe_title').val(),
				name: jQuery('#subscribe_name').val() ,
				email: jQuery('#subscribe_email').val() 
			},function(data){
				if(data==='ok'){
					jQuery('#subscribe_name').val('')
					jQuery('#subscribe_email').val('') 
					jQuery('.mask').hide()
					alertify.alert("<p class='alertify-big'>鎰熻阿鎮ㄧ殑璁㈤槄锛?/p><p class='alertify-little'>鎮ㄧ殑璁㈤槄閭欢宸插彂閫佹垚鍔熴€侟/p><p class='alertify-little'>鎴戜滑浼氬敖蹇洖澶嶆偍鐩稿叧淇℃伅锛屾劅璋㈡偍鐨勮€愬績绛夊緟銆侟/p>", function() {
						jQuery("#subscribe_submit").removeAttr('disabled')
						jQuery("#subscribe_submit").val('鎻愪氦')
					});
				}else{
					alertify.alert("鎻愪氦澶辫触锛岃閲嶆柊灏濊瘯锛?);
					jQuery("#subscribe_submit").removeAttr('disabled')
					jQuery("#subscribe_submit").val('鎻愪氦')
				}
			})
		}
	})
}
function getData(){
	jQuery.ajax({
		type: "GET",
		url: `${dataBaseUrl}/api/zh-recent-activities?sort[0]=id:desc&populate[coverImg]=*&populate[logoImg]=*&populate[contentItems][populate]=*&pagination[pageSize]=500`,
		beforeSend: function(request) {
		   request.setRequestHeader("Authorization",`Bearer ${token}`)
		},
		success: function(result) {
			vueApp.recentActivities=result.data||[]
		}
	})
}

function initEvent(){
    jQuery('.latest-doing-activitie-subscribe,.activitie-subscribe').click(function(){
		jQuery('#subscribe_title').val(jQuery(this).attr("data-title"))
		jQuery(".mask").show();
	})
}