// 每一个页面都应该有一个init方法
// 用来做初始化
let infoData = {}
let likeData = JSON.parse(localStorage.getItem("like")) || []
const init = async () => {
    header(
        `<div class="flex ai-c">
            <i class="iconfont icon-wujiaoxing "></i>
            <i class="iconfont icon-fenxiang"></i>
        </div>`,
    )
    getInfoList()
    bindEvent()
}

const getInfoList = async () => {
    infoData = await infoList({ id: query("id") })
    $(".header_title").innerText = infoData.title

    item(".recommend-model ul", infoData.recommend)

    innerMaps(
        ".info .img_arr",
        infoData.src_list,
        (v, i) => `<a href="${v}" class="js-smartPhoto" data-id="${i}">
                      <img data-src="${v}" class="lazyload" data-sizes="auto" alt="">
                    </a>`
    )



    _(".img_arr img").click(v => {
        new SmartPhoto(".js-smartPhoto", {
            resizeStyle: 'fit'
        });
    });
}


const bindEvent = () => {
    _(".all").click(v => {
        $(".info").classList.replace("hidden", "show")
    })


    _(".icon-fenxiang").click(async v => {
        await navigator.clipboard.writeText(stripIndents`
            我发现一个好看的，快来看看: 《${infoData.title}》
            ${location.href}
        `);
        alert("已粘贴，快分享给朋友吧")
    })


    // 在这判断 写真是否收藏
    // foreach  map  filter
    // 如果写真已经被收藏在本地，那么将图标改为收藏状态（实心）
    likeData.filter(v => v.id == query("id") ? v : null).length != 0
    ? $(".icon-wujiaoxing").classList.add("icon-wujiaoxing1")
    : null
    

    _(".icon-wujiaoxing").click(async v => {
         // $(".icon-wujiaoxing").classList.toggle("icon-wujiaoxing1")
        
        // 取消收藏
        if ($(".icon-wujiaoxing").classList.contains("icon-wujiaoxing1")) {
            $(".icon-wujiaoxing").classList.remove("icon-wujiaoxing1")
            likeData = likeData.filter((v,i) => {
                if (v.id != query("id")) {
                    return v
                }
            })

            localStorage.setItem("like", JSON.stringify(likeData))
        
        // 收藏    
        } else {
            likeData.push({
                id: query("id"),
                title: infoData.title,
                thumbnail: infoData.src_list[0],
                time: query("time"),
                view: query("view")
            })

            localStorage.setItem("like", JSON.stringify(likeData))
            $(".icon-wujiaoxing").classList.add("icon-wujiaoxing1")
        }
    })
}


init()