Browse Source

Create Elem class.

Lee Morgan 1 year ago
parent
commit
966060a165
4 changed files with 38 additions and 0 deletions
  1. 19 0
      src/views/js/Elem.js
  2. 5 0
      src/views/js/pages/Login.js
  3. 14 0
      src/views/js/pages/Page.js
  4. 0 0
      src/views/js/pages/login.js

+ 19 - 0
src/views/js/Elem.js

@@ -0,0 +1,19 @@
+export default class Elem {
+    constructor(elem){
+        this.elem = document.createElement(elem);
+    }
+
+    id(v){
+        this.elem.id = v;
+        return this;
+    }
+
+    .appendTo(v){
+        v.appendChild(this.elem);
+        return this;
+    }
+
+    get(){
+        return this.elem;
+    }
+}

+ 5 - 0
src/views/js/pages/Login.js

@@ -0,0 +1,5 @@
+export default class LoginPage {
+    constructor(){
+        super("Login");
+    }
+}

+ 14 - 0
src/views/js/pages/Page.js

@@ -0,0 +1,14 @@
+import Elem from "../Elem.js";
+
+export default class Page {
+    constructor(page){
+        this.container = new Elem("div")
+            .id(page)
+            .appendTo(document.body)
+            .get();
+    }
+
+    close(){
+        document.body.removeChild(this.container);
+    }
+}

+ 0 - 0
src/views/js/pages/login.js