// 姝ｅ紡鐗
const dataBaseUrl='https://cms.jingdiao.com'
// 寮€鍙戠増
// const dataBaseUrl='http://localhost:1337'
const token="1234f95023ab9af2112324d1940f005187b02fefbd4b9b2841904f28128450639ceb81c474a65dc14e754b83458d5604e0575a1b875c6519c64fbecd2b915ab9ad5b0420d37ad86980f2e8c54ab5daff8e211d59daf841786dd4a5a6a45f1bcf8002064802610cb8e8afbd39f5a03be2f251a521bdabc911f2affc73bb57b24e"
// 鑾峰彇鏂伴椈鏁版嵁
var vueApp
initApp()
getData()
function initApp(){
	const { createApp,onUpdated,ref } = Vue
	vueApp = createApp({
		setup(){
			const strLength=strNum()
			const newsrooms=ref([])
			onUpdated(()=>{
				initMoreBtnEvent()
				ScrollTo()
			})
			return {
				newsrooms,
				dataBaseUrl,
				Description:(desc)=>{
					if(desc.length>=strLength) {
						return desc.slice(0, strLength) + '...'
					}else{
						return desc
					}
				},
				isVideo(mediaObj){
					return mediaObj.attributes.mime==='video/mp4'
				}
			}
		}
	}).mount('#newsroom-app')
}
function getData(){
	jQuery.ajax({
		type: "GET",
		url: `${dataBaseUrl}/api/zh-newsrooms?sort[0]=date:desc&sort[1]=id:desc&populate[coverImg]=*&populate[content][populate]=*&pagination[pageSize]=500`,
		beforeSend: function(request) {
		   request.setRequestHeader("Authorization",`Bearer ${token}`)
		},
		success: function(result) {
			vueApp.newsrooms=result.data||[]
		}
	})
}
jQuery(function($){
	$(window).resize(function() {
		initMoreBtnEvent
	});
});
function strNum() {
	if($(window).width() > 1799) {
		return 200;
	} else if ($(window).width() <= 1799 && $(window).width() > 1399) {
		return 150;
	} else if ($(window).width() <= 1399 && $(window).width() > 1199) {
		return 120;
	} else if ($(window).width() <= 1199 && $(window).width() > 699) {
		return 90
	} else {
		return 120;
	}
}
function initMoreBtnEvent(){
	jQuery(function($){
		$('.readmore').click(function(e) {
            e.stopPropagation(); 
            if($(this).hasClass('news-open')) {
                var t = $(this).parents('.story-item').offset().top - 50
                $(window).scrollTop(t);
                $(this).removeClass('news-open');
                $(this).parents('.story-item').find('.main-img').removeClass('hidden');
                $(this).parents('.story-item').find('.detail-content').addClass('hidden');
                $(this).parents('.story-item').find('.tmp-content').removeClass('hidden');
                $(this).html('鑾峰彇璇︽儏');
            } else {
                $(this).addClass('news-open');
                $(this).parents('.story-item').find('.main-img').addClass('hidden');
                $(this).parents('.story-item').find('.detail-content').removeClass('hidden');
                $(this).parents('.story-item').find('.tmp-content').addClass('hidden');
                $(this).html('鏀惰捣璇︽儏');
            }
        });
		//鏀惧ぇ鍥剧墖
		$('.imgs-wrapper .img-items .img-item').not('.qrcode').find('.switch').click(function() {
            var _this = this
    //		console.log($(this).children('img').attr('src'))
            var wrapper = $(_this).parent().parent()
            var imgArr = wrapper.parent().children('.img-item') 
            var imgUrl = wrapper.children('img').attr('src')
            $(".mask-left").attr("src",imgUrl);
            $(".mask-layer").show();
            var index = wrapper.index()
            if(imgArr.length <= 1) {
                $(".mask-prev").hide();
                $(".mask-next").hide();
            } else {
                $(".mask-prev").show();
                $(".mask-next").show();
                $(".mask-prev").click(function(){
                    index = parseInt(index)-1
                    if(index < 0) {
                        index = imgArr.length - 1
                    }
                    var imgurl = wrapper.parent().children('.img-item:eq('+index+')').children('img').attr("src");
                    $(".mask-left").attr("src",imgurl);
                })
                $(".mask-next").click(function(){
                    index = parseInt(index)+1
                    if(index === imgArr.length) {
                        index = 0
                    }
                    var imgurl = wrapper.parent().children('.img-item:eq('+index+')').children('img').attr("src");
                    $(".mask-left").attr("src",imgurl);
                })
            }
        })
        $(".mask-layer-close").click(function(){
            $(".mask-layer").hide();
        });
		// 鎾斁瑙嗛
		$('.video-button').click(function() {
			var videoSrc = $(this).parent().attr('data-video')
			var videoId = $(this).parent().attr('video-id')
			var areaId = $(this).parent().attr('area-id')
			$('.'+areaId).css('display', 'block')
			var machineVideo = videojs(videoId,{
				controls: true,
				preload: "none",
				loop: true
			});
			machineVideo.src({
				type: 'video/mp4',
				src: videoSrc
			})
			machineVideo.play()
			$('.video-mask-close').click(function() {
				$('.'+areaId).css('display', 'none')
				machineVideo.pause()
			})
		})
	})
}

function ScrollTo(){
    var allwidth = jQuery(window).width();
    var scrolltoIndex=window.location.search.search("scrollto");
	if(scrolltoIndex!=-1){
		var scrollto=window.location.search.substr(scrolltoIndex+9,15);
		var newsroomEle=jQuery("#newsroom"+scrollto);
		if(newsroomEle){
			if( allwidth>1024 ){
				jQuery("html, body").animate(
				{scrollTop:newsroomEle.offset().top-100},
				{duration: 1000,easing: "swing"});	
			}
			else{
				jQuery("html, body").animate(
				{scrollTop:newsroomEle.offset().top-300},
				{duration: 1000,easing: "swing"});	
			}
		}
	}
}