4 주 전 · faa4231f63
--- a/ui/adminCreate/index.js
+++ b/ui/adminCreate/index.js
@@ -0,0 +1,5 @@
 
				+export default {
			
 
				+    display(){
			
 
				+        console.log("displaying admin creation");
			
 
				+    }
			
 
				+}
			
--- a/ui/dashboard/index.js
+++ b/ui/dashboard/index.js
@@ -0,0 +1,5 @@
 
				+export default {
			
 
				+    display(){
			
 
				+        console.log("displaying dashboard");
			
 
				+    }
			
 
				+}
			
--- a/ui/index.html
+++ b/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>
			
--- a/ui/index.js
+++ b/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();
			
 
				+}
			
--- a/ui/login/index.js
+++ b/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");
			
 
				+    }
			
 
				+}