class Edit {

    constructor() {
        // 已选择分类
        this.principal = JSON.parse(localStorage.getItem("principal"))
        // 待选择分类
        this.additional = JSON.parse(localStorage.getItem("additional"))
        header("分类管理")
        this.renderYourSelect()
        this.renderNoSelect()
    }

    // 渲染已选择分类
    renderYourSelect() {
        $(".default ul").innerHTML = ""
        this.principal.forEach(v => {
            $(".default ul").innerHTML += `
             <li>${v.title}</li>
            `
        })

        var defaultLi = _(".default ul li");
        defaultLi.forEach((v,i) => {
            v.onclick = () => {
                this.additional.push(this.principal[i])

                this.principal = this.principal.filter((item,index) => {
                    if (item.id != this.principal[i].id) {
                        return item;
                    }
                });

                localStorage.setItem("principal", JSON.stringify(this.principal))
                localStorage.setItem("additional", JSON.stringify(this.additional))


                this.renderYourSelect();
                this.renderNoSelect();
            }
        })
    }

    renderNoSelect () {
        $(".select ul").innerHTML = ""
        this.additional.forEach(v => {
            $(".select ul").innerHTML += `
             <li>${v.title}</li>
            `
        });

        var NoLi = _(".select ul li");
        NoLi.forEach((v,i) => {
            v.onclick = () => {
                this.principal.unshift(this.additional[i])

                this.additional = this.additional.filter((item,index) => {
                    if (item.id != this.additional[i].id) {
                        return item;
                    }
                });

                localStorage.setItem("additional", JSON.stringify(this.additional))
                localStorage.setItem("principal", JSON.stringify(this.principal))


                this.renderYourSelect();
                this.renderNoSelect();
            }
        });
    }

}

new Edit();