Bläddra i källkod

Add code for site load page decision

Lee Morgan 4 veckor sedan
förälder
incheckning
faa4231f63
5 ändrade filer med 63 tillägg och 1 borttagningar
  1. 5 0
      ui/adminCreate/index.js
  2. 5 0
      ui/dashboard/index.js
  3. 5 1
      ui/index.html
  4. 31 0
      ui/index.js
  5. 17 0
      ui/login/index.js

+ 5 - 0
ui/adminCreate/index.js

@@ -0,0 +1,5 @@
+export default {
+    display(){
+        console.log("displaying admin creation");
+    }
+}

+ 5 - 0
ui/dashboard/index.js

@@ -0,0 +1,5 @@
+export default {
+    display(){
+        console.log("displaying dashboard");
+    }
+}

+ 5 - 1
ui/index.html

@@ -8,7 +8,7 @@
     <style></style>
 </head>
 <body>
-    <div id="loginPage">
+    <div id="loginPage" class="page" display="flex">
         <form>
             <h1>Login</h1>
 
@@ -24,6 +24,10 @@
         </form>
     </div>
 
+    <div id="dashboardPage" class="page" display="none">
+        <h1>Dashboard</h1>
+    </div>
+
     <script></script>
 </body>
 </html>

+ 31 - 0
ui/index.js

@@ -0,0 +1,31 @@
+import loginPage from "./login/index.js";
+import dashboardPage from "./dashboard/index.js";
+import adminCreatePage from "./adminCreate/index.js";
+
+window.areUsers = true;
+
+let pages = document.querySelectorAll(".page");
+
+//Page change function
+let openPage = (page)=>{
+    for(let i = 0; i < pages.length; i++){
+        pages[i].style.display = "none";
+    }
+
+    document.getElementById(`${page}Page`).style.display = "flex";
+
+    switch(page){
+        case "login": loginPage.display(); break;
+        case "dashboard": dashboardPage.display(); break;
+        case "adminCreate": adminCreatePage.display(); break;
+    }
+}
+
+//Check for login
+if(!window.areUsers){
+    adminCreatePage.display();
+}else if(localStorage.getItem("loggedIn") === "true"){
+    dashboardPage.display();
+}else{
+    loginPage.display();
+}

+ 17 - 0
ui/login/index.js

@@ -0,0 +1,17 @@
+export default {
+    form: null,
+
+    display(){
+        if(this.form === null){
+            this.form = document.querySelector("#loginPage form");
+            this.form.addEventListener("submit", (event)=>{
+                this.submit(event);
+            });
+        }
+    },
+
+    submit(event){
+        event.preventDefault();
+        console.log("submitting");
+    }
+}