class Edit {
    constructor() {
        this.principal = JSON.parse(localStorage.getItem("principal"));
        this.additional = JSON.parse(localStorage.getItem("additional"));
        header("分类编辑")
        // console.log(this.principal)
        // console.log(this.additional)
        this.renderPrincipal();
        this.renderAdditional();
    }

    // 已选菜单
    renderPrincipal() {
        $(".you_select ul").innerHTML = ""
        this.principal.forEach((v,i) => {
            $(".you_select ul").innerHTML += `
               <li>${v.title}</li>
            `
        });

        _(".you_select ul li").forEach((v,i) => {
            v.onclick = () => {
                if (i != 0) {
                    this.additional.push(this.principal[i])
                    localStorage.setItem("additional", JSON.stringify(this.additional))
                    this.renderAdditional()


                    this.principal = this.principal.filter((item,index) => {
                        if (this.principal[i].id != item.id) {
                            return item
                        }
                    })
                    localStorage.setItem("principal", JSON.stringify(this.principal))
                    this.renderPrincipal();
                }
            }
        })
    }


    // 未选菜单
    renderAdditional() {
        $(".wait_select ul").innerHTML = ""
        this.additional.forEach((v,i) => {
            $(".wait_select ul").innerHTML += `
                   <li>${v.title}</li>
                `
        });


        _(".wait_select ul li").forEach((v,i) => {
            v.onclick = () => {
                this.principal.splice(1,0,this.additional[i])
                localStorage.setItem("principal", JSON.stringify(this.principal))
                this.renderPrincipal()

                this.additional = this.additional.filter((item,index) => {
                    if (this.additional[i].id != item.id) {
                        return item
                    }
                })
                localStorage.setItem("additional", JSON.stringify(this.additional))
                this.renderAdditional();
            }
        })
    }
}

new Edit()