first commit

历届学生/fontendseven/项目练习/上课项目/屁桃儿/js/page/edit.js

@@ -0,0 +1,74 @@
+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();