Bladeren bron

Create the layout for the admin creation page.

Lee Morgan 4 weken geleden
bovenliggende
commit
ed6a99d29d
3 gewijzigde bestanden met toevoegingen van 32 en 4 verwijderingen
  1. 2 0
      src/websocket.rs
  2. 26 1
      ui/index.html
  3. 4 3
      ui/index.js

+ 2 - 0
src/websocket.rs

@@ -76,6 +76,8 @@ pub async fn listen(mut connection: Framed<BoxedSocket, Codec>) {
             },
             Frame::Close(reason) => {
                 println!("HA closed connection {:?}", reason);
+                
+                
             },
             _ => {}
         }

+ 26 - 1
ui/index.html

@@ -8,7 +8,7 @@
     <style></style>
 </head>
 <body>
-    <div id="loginPage" class="page" display="flex">
+    <div id="loginPage" class="page" display="none">
         <form>
             <h1>Login</h1>
 
@@ -28,6 +28,31 @@
         <h1>Dashboard</h1>
     </div>
 
+    <div id="adminCreatePage" class="page" display="none">
+        <form>
+            <h1>Admin Creation</h1>
+            <p>Create an admin account in order to use Home Assistant</p>
+
+            <label>Name:
+                <input type="text" id="adminCreateName" required>
+            </label>
+
+            <label>Email:
+                <input type="email" id="adminCreateEmail" required>
+            </label>
+
+            <label>Password:
+                <input type="password" id="adminCreatePass" required>
+            </label>
+
+            <label>Confirm Password:
+                <input type="password" id="adminCreatePassConf" required>
+            </label>
+
+            <button>Submit</button>
+        </form>
+    </div>
+
     <script></script>
 </body>
 </html>

+ 4 - 3
ui/index.js

@@ -22,10 +22,11 @@ let openPage = (page)=>{
 }
 
 //Check for login
+console.log(window.adminExists);
 if(window.adminExists !== "true"){
-    adminCreatePage.display();
+    openPage("adminCreate");
 }else if(localStorage.getItem("loggedIn") === "true"){
-    dashboardPage.display();
+    openPage("dashboard");
 }else{
-    loginPage.display();
+    openPage("login");
 }