import { parseInt } from 'lodash';
import CctvsJs from '../class/cctv';
import ConfigsJs from '../class/config';
import { downloadImage,outPutLog,layerPopup } from '../public/commonFun.js';
const Configs = new ConfigsJs();

// 首页弹窗
const IndexCctv = {

    intPopUpsIndex: 0,

    init() {
        const Cctvs = new CctvsJs();
        let CctvTipIndex = Cctvs.getDataByWhere(106, 211, [301]);
        console.log(CctvTipIndex)
        let CctvTipIndexDom = `
            <!--首页弹窗遮挡层-->
            <div class="index-center-tc-zdc j-close-occlusion-layer"></div>
        `
        //首页弹窗广告数量
        if (document.querySelector(".index-center-tc-num") ) {
            document.querySelector(".index-center-tc-num").innerText = (CctvTipIndex.length-1)
        }

        /**
         * 首页弹窗
         *
        */
        CctvTipIndex.forEach((item, index) => {
            if (item) {
                if (item.title == '域名弹窗' &&  index == 0) {
                    CctvTipIndexDom += this.CreateCctvTipIndexPupopDomainFun(item, index)
                }else{
                    CctvTipIndexDom += this.CreateCctvTipIndexFun(item, index);
                }

            }
        })

        //首页弹窗广告
        if (!this.isFirstLoadHomeDomanFun() && CctvTipIndex.length>0 ) {
            $("body.home-web").append(CctvTipIndexDom)

        }

        this.addEvent()

    },

    /**
     * 绑定点击事件-初始化
     */
    addEvent(){
        // 保存相册
        $(".j-genimg").on('click', function () {
            if (!window.HTMLCanvasElement) {
                layerPopup("请截图保存！", 3)
                return;
            }
            const layerIndexTc = layerPopup("拼命保存中。。");

            html2canvas(document.querySelector(".index-center-tc"), {
                useCORS: true, // 启用跨域配置
                logging: true, // 启用日志记录以进行调试
                backgroundColor: null // 保持透明背景（如果需要）
            }).then(canvas => {
                var clipImgBase64 = canvas.toDataURL();
                // 生成图片
                var clipImg = new Image();
                clipImg.src = clipImgBase64;
                downloadImage(clipImgBase64);
                layer.close(layerIndexTc);
            }).catch(err => {
                console.error("html2canvas 出错：", err);
                layer.close(layerIndexTc);
                layerPopup("请手动截图保存！", 3)
            });
        });


        // 关闭弹窗
        $(".j-close-index-pop-ups").on('click', (event) => {
            let intPopUpsIndex = $(event.currentTarget).attr('data-index')
            this.closeIndexTcfun(intPopUpsIndex)
        })

        // 关闭遮挡层
        $(".j-close-occlusion-layer").on('click', () => {
            console.log(this.intPopUpsIndex)
            this.closeIndexTcfun(this.intPopUpsIndex)
        })
    },

    /**
    *
    * 创建首页弹窗广告
    * h5
    **/
    CreateCctvTipIndexPupopDomainFun(data, index) {
        if (typeof data == 'object') {
            if (data.title == '域名弹窗' &&  index == 0) {
                return `
                    <div class="index-center-tc index-center-tc-index${index} df-index-center-tc df-index-center-tc" >
                        <div style="width:300px">
                        <i class="index-center-tc-close icon iconfont icon-shanchu1 j-close-index-pop-ups" data-index="${index}" ></i>
                        <a>
                            <img class="index-center-tc-bjimg jqlazyload" src="${data.cover}" data-original="${data.cover}" />
                        </a>

                        <div class="index-center-tc-op-domain df-top-domain j-share" data-sharedom=".index-center-tc-op-domain-text" >
                            <p class="index-center-tc-op-domain-text">${Configs.get('STANDBY_URL')}</p>
                        </div>
                        <!--
                        <div class="index-center-tc-yj-domain tc-domain j-share" data-sharedom=".index-center-tc-yj-domain-text" >
                            <p class="index-center-tc-yj-domain-text">${Configs.get('VIP_DOMAIN_1')}</p>
                        </div>
                        -->
                        <div class="index-center-tc-vip1-domain tc-domain j-share" data-sharedom=".index-center-tc-vip1-domain-text" >
                            <p class="index-center-tc-vip1-domain-text">${Configs.get('VIP_DOMAIN_1')}</p>
                        </div>

                        <div class="index-center-tc-vip2-domain tc-domain j-share" data-sharedom=".index-center-tc-vip2-domain-text" >
                            <p class="index-center-tc-vip2-domain-text">${Configs.get('VIP_DOMAIN_2')}</p>
                        </div>

                        <div class="index-center-tc-vip3-domain tc-domain j-share" data-sharedom=".index-center-tc-vip3-domain-text"  >
                            <p class="index-center-tc-vip3-domain-text">${Configs.get('VIP_DOMAIN_3')}</p>
                        </div>

                        <a class="index-center-tc-fs1-domain tc-domain" href="${Configs.get('TG_URL', null)}" target="_blank">
                            <p class="index-center-tc-fs1-domain-text"  >${Configs.get('TG_URL', null)}</p>
                        </a>

                        <a class="index-center-tc-fs2-ios tc-domain" href="https://f5d3.xyz"  target="_blank">
                            <p ><!--点击查看解决苹果手机无法加入和查看群内容--></p>
                        </a>

                        <div class="index-center-tc-new-mail tc-domain j-share" data-sharedom=".index-center-tc-new-mail-text">
                            <p class="index-center-tc-new-mail-text">${Configs.get('NEW_EMAIL')}</p>
                        </div>

                        <div class="index-center-tc-btn">
                            <div class="index-center-tc-btn-left j-genimg" ></div>
                            <div class="index-center-tc-btn-right j-share" data-sharedom=".yjfz-nr-dv" ></div>
                        </div>
                        <div  class="yjfz-nr-dv">
                            官方永久域名：<br>
                            ${Configs.get('VIP_DOMAIN_1')}<br>
                            你的VIP专属域名：<br>
                            ${Configs.get('VIP_DOMAIN_1')}<br>
                            ${Configs.get('VIP_DOMAIN_2')}<br>
                            ${Configs.get('VIP_DOMAIN_3')}<br>
                            官方万人粉丝群：<br>
                            ${Configs.get('TG_URL')}<br>
                            官方自动回复最新邮箱地址：<br>
                            ${Configs.get('NEW_EMAIL')}<br>
                        </div>
                    </div>
                    </div>
              `
            }

        }
    },
    /**
    *
    * 创建首页弹窗广告
    * h5
    **/
    CreateCctvTipIndexFun(data, index) {
        if (typeof data == 'object') {
            //index++
            //data.href = framt_cctv_url(data.href,secretUrl)
            let strStyle = `style="display: none;"`
            if(index == 0){
                strStyle = `style="display: block;"`
            }
            return `
                <div class="index-center-tc index-center-tc-index${index}"  ${strStyle}>
                    <div style="width:300px">
                        <i class="index-center-tc-close icon iconfont icon-shanchu1 j-close-index-pop-ups"  data-index="${index}"></i>
                        <a  rel="nofollow"  class="j-cctv-click" data-href="${data.href}" data-id="${data.id}"  data-onsite-or-offsite="${data.onsite_or_offsite}"  >
                            <img class="index-center-tc-bjimg jqlazyload" src="${data.cover}" data-original="${data.cover}"  alt="" />
                        </a>
                    </div>
                </div>
            `

        }
    },

    /*
    * 检测是否n分钟内是否访问过访问首页
    * intMinute 分钟
    */
    isFirstLoadHomeDomanFun(intMinute = Configs.get('HOMEPAGE_LOAD_POPUPS_NUM')) {
        let currentDomain = document.domain
        let isFirstLoadHome = localStorage.getItem("isFirstLoadHome");
        let isFirstLoadHomeTime = localStorage.getItem("isFirstLoadHomeTime") ? localStorage.getItem("isFirstLoadHomeTime") : 0;
        isFirstLoadHomeTime = Number(isFirstLoadHomeTime)
        let timestamp = new Date().getTime();
        let timeLeft = timestamp - isFirstLoadHomeTime

        outPutLog(currentDomain)
        outPutLog(isFirstLoadHome)
        outPutLog(isFirstLoadHomeTime)
        outPutLog(timestamp)
        outPutLog(timeLeft + '===' + intMinute * 60 * 1000)

        if (isFirstLoadHome == currentDomain && timeLeft <= intMinute * 60 * 1000) {
            outPutLog('非首次访问')
            return true
        } else {
            outPutLog('首次访问')
            localStorage.setItem("isFirstLoadHome", currentDomain);
            localStorage.setItem("isFirstLoadHomeTime", timestamp);
            return false
        }
    },


    //点击 关闭按钮
    closeIndexTcfun(intIndex) {
        let intPopusTotal = document.querySelector(".index-center-tc-num").innerText   //一共几个弹窗
        intIndex = parseInt(intIndex)
        intPopusTotal = parseInt(intPopusTotal)
        console.log(intPopusTotal)
        console.log(intIndex)
        if (intIndex >= intPopusTotal) {
            //最后一个弹窗才关闭遮挡层
            let DomOcclusionLayer = document.querySelector(".index-center-tc-zdc")
            DomOcclusionLayer.setAttribute("style", "display:none!important");

            //关闭最后一个弹窗
            let strClassName = ".index-center-tc-index" + intIndex
            let DomPupous = document.querySelector(strClassName)
            DomPupous.setAttribute("style", "display:none!important");
        } else {
            //关当前弹窗
            let strCurrentClassName = ".index-center-tc-index" + intIndex
            let DomCurrentPupous = document.querySelector(strCurrentClassName)
            DomCurrentPupous.setAttribute("style", "display:none!important");

            //展示下一个弹窗
            let strNextClassName = ".index-center-tc-index" + (intIndex += 1)
            let DomNextPupous = document.querySelector(strNextClassName)
            DomNextPupous.setAttribute("style", "display:block");
        }
        this.intPopUpsIndex = intIndex++
    }

}

export default IndexCctv;