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


    renderPrincipal() {
        this.principal.forEach(v => {
            $(".principal").html(`
                <li>${v.title}</li>
            `)
        });
        this.PrincipalClick()
    }

    PrincipalClick() {
        var self = this;
        click(_(".principal li"), function () {
            if (this.index != 0) {
                console.log("index: ",this.index);

                // var oldArr = JSON.parse(JSON.stringify(self.principal));

                self.additional.push(self.principal[this.index])
                var deleteAItem = self.principal.splice(this.index, 1)


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

                $(".additional").html(`
                    <li>${deleteAItem[0].title}</li>
                `)
                self.AdditionalClick()
                $(".principal").removeChild(this)
                self.PrincipalClick()

            }
        })
    }

    renderAdditional() {
        this.additional.forEach(v => {
            $(".additional").html(`
                <li>${v.title}</li>
            `)
        });
        this.AdditionalClick()
    }


    AdditionalClick() {
        var self = this;
        click(_(".additional li"), function () {

            self.principal.push(self.additional[this.index])
            var deleteAItem = self.additional.splice(this.index, 1)


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

            $(".principal").html(`
                <li>${deleteAItem[0].title}</li>
            `)
            self.PrincipalClick();
            $(".additional").removeChild(this)
            self.AdditionalClick();

        })
    }
}

new Edit()