From b4f648ccfc4b918a44d38a077dbd1c8bedf862d8 Mon Sep 17 00:00:00 2001
From: gaimerI <gaimeri255@gmail.com>
Date: Sun, 17 Nov 2024 15:57:17 +0200
Subject: [PATCH 1/5] Update index.html

---
 lab/login/index.html | 65 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 56 insertions(+), 9 deletions(-)

diff --git a/lab/login/index.html b/lab/login/index.html
index d09ed087..aa27244d 100644
--- a/lab/login/index.html
+++ b/lab/login/index.html
@@ -16,13 +16,13 @@
 <meta name="twitter:image" content="https://todepond.com/lab/og.png" />
 
 <!-- Client styles -->
-<link rel="stylesheet" href="./style.css#v4" />
+<link rel="stylesheet" href="/style.css" />
 
 <!-- User styles -->
 <link
   rel="stylesheet"
   href="https://svenlaa.com/playground/loggo/user-styles.css" />
-<link rel="stylesheet" href="./user-style.css#v3" />
+<link rel="stylesheet" href="/user-style.css" />
 
 <!-- Analytics available at todepond.goatcounter.com -->
 <script
@@ -76,7 +76,7 @@ <h2 id="feed-heading">
 <!----------------------------------------------------->
 <script type="module">
   import { config } from "./logiverse.js";
-  const PAGE_PATH = "/lab/login/";
+  const PAGE_PATH = "/signup/";
 
   const refreshSign = document.querySelector("#refresh-sign");
   const loadingFeed = document.querySelector("#loading-feed");
@@ -152,12 +152,14 @@ <h2 id="feed-heading">
             </span>
             <br /><br />
               <details class="account-dashboard">
-                <summary class="account-burger">Burger menu</summary>
+              <summary class="account-burger">Burger menu</summary>
                 <span class="account-actions">
-                    <button onclick="location.href = '${PAGE_PATH}?logout';" class="">Switch account</button>
-                    <button id="delete-account" class="danger">Delete account</button>
+                  <button onclick="location.href = '${PAGE_PATH}?logout';" class="">Switch account</button>
+                  <button id="delete-account" class="danger">Delete account</button>
+                  <!-- new Change Password button -->
+                  <button id="change-password" class="secondary">Change Password</button>
                 </span>
-        `;
+      `;
 
       const loginAutomatically =
         localStorage.getItem("labLoginAutoLogin") !== "false";
@@ -246,12 +248,58 @@ <h2 id="feed-heading">
         if (!gif) return; // close button clicked
         handleUpdateStatus({ username, password, gif });
       });
+      
+      // Password changing
+      const changePasswordButton = document.querySelector("#change-password");
+      changePasswordButton.addEventListener("click", async () => {
+        const newPassword = prompt("Enter new password");
+        if (!newPassword) {
+          return;
+        }
+  
+  loadingFeed.style.display = "block";
+  try {
+    const changeResponse = await fetch(config.endpoints.delete, {
+      method: "POST",
+      body: JSON.stringify({ username, password }),
+    });
+    const changeJson = await changeResponse.json();
+    loadingFeed.style.display = "none";
+    
+    if (changeJson.error) {
+      alert(changeJson.error);
+    } else {
+      // Login with new password to update session
+      const logAgainResponse = await fetch(config.endpoints.login, {
+        method: "POST",
+        body: JSON.stringify({ username, newPassword }),
+      });
+      const logJson = await logAgainResponse.json();
+      
+      if (changeJson.error) {
+        alert(changeJson.error);
+      } else {
+        localStorage.setItem("labLoginUsername", username);
+        localStorage.setItem("labLoginPassword", newPassword);
+      }
+    }
+  } catch (error) {
+    console.error("Error during password change or login:", error);
+    alert("There was an error. Please try again.");
+    loadingFeed.style.display = "none";
+  }
+});
+
     }
 
     await pullUserStatuses();
     loadingFeed.style.display = "none";
   }
 
+  window.targetyo = () => {
+    document.body.classList.remove("untarget");
+  };
+
   async function handleUpdateStatus({ username, password, gif = null }) {
     const button = document.querySelector("#update-status");
     if (button.disabled) {
@@ -851,7 +899,6 @@ <h2 id="feed-heading">
   //   );
   // });
   // }
-
   function addUserActions({
     userActionsElement,
     username,
@@ -895,4 +942,4 @@ <h2 id="feed-heading">
   window.targetyo = () => {
     document.body.classList.remove("untarget");
   };
-</script>
+      </script>

From c3e0e28d1d6ab8985bc204d861056431e72e95f7 Mon Sep 17 00:00:00 2001
From: gaimerI <gaimeri255@gmail.com>
Date: Sun, 17 Nov 2024 16:00:42 +0200
Subject: [PATCH 2/5] Update index.html

---
 lab/login/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lab/login/index.html b/lab/login/index.html
index aa27244d..a7382a84 100644
--- a/lab/login/index.html
+++ b/lab/login/index.html
@@ -16,13 +16,13 @@
 <meta name="twitter:image" content="https://todepond.com/lab/og.png" />
 
 <!-- Client styles -->
-<link rel="stylesheet" href="/style.css" />
+<link rel="stylesheet" href="./style.css#v4" />
 
 <!-- User styles -->
 <link
   rel="stylesheet"
   href="https://svenlaa.com/playground/loggo/user-styles.css" />
-<link rel="stylesheet" href="/user-style.css" />
+<link rel="stylesheet" href="/.user-style.css#v3" />
 
 <!-- Analytics available at todepond.goatcounter.com -->
 <script
@@ -76,7 +76,7 @@ <h2 id="feed-heading">
 <!----------------------------------------------------->
 <script type="module">
   import { config } from "./logiverse.js";
-  const PAGE_PATH = "/signup/";
+  const PAGE_PATH = "/lab/login/";
 
   const refreshSign = document.querySelector("#refresh-sign");
   const loadingFeed = document.querySelector("#loading-feed");
@@ -152,7 +152,7 @@ <h2 id="feed-heading">
             </span>
             <br /><br />
               <details class="account-dashboard">
-              <summary class="account-burger">Burger menu</summary>
+                <summary class="account-burger">Burger menu</summary>
                 <span class="account-actions">
                   <button onclick="location.href = '${PAGE_PATH}?logout';" class="">Switch account</button>
                   <button id="delete-account" class="danger">Delete account</button>

From a6ad40a412e2c887cf87eeb9dbc689e8cf8c0950 Mon Sep 17 00:00:00 2001
From: gaimerI <gaimeri255@gmail.com>
Date: Sun, 17 Nov 2024 16:02:16 +0200
Subject: [PATCH 3/5] Update index.html

---
 lab/login/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lab/login/index.html b/lab/login/index.html
index a7382a84..beeecdb1 100644
--- a/lab/login/index.html
+++ b/lab/login/index.html
@@ -22,7 +22,7 @@
 <link
   rel="stylesheet"
   href="https://svenlaa.com/playground/loggo/user-styles.css" />
-<link rel="stylesheet" href="/.user-style.css#v3" />
+<link rel="stylesheet" href="./user-style.css#v3" />
 
 <!-- Analytics available at todepond.goatcounter.com -->
 <script

From 079eb9f2ffa71f41cca0f6a1e73f92f653e061e4 Mon Sep 17 00:00:00 2001
From: gaimerI <gaimeri255@gmail.com>
Date: Tue, 19 Nov 2024 19:51:09 +0200
Subject: [PATCH 4/5] Update index.html

---
 lab/login/index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/lab/login/index.html b/lab/login/index.html
index beeecdb1..f97f8297 100644
--- a/lab/login/index.html
+++ b/lab/login/index.html
@@ -252,7 +252,10 @@ <h2 id="feed-heading">
       // Password changing
       const changePasswordButton = document.querySelector("#change-password");
       changePasswordButton.addEventListener("click", async () => {
-        const newPassword = prompt("Enter new password");
+        var hiddenElement = document.getElementById('update-status');
+          hiddenElement.style.display = 'hidden';
+        var hiddenElement = document.getElementById('update-gif');
+          hiddenElement.style.display = 'hidden';
         if (!newPassword) {
           return;
         }

From 85e5d3534018cfc2c2f40ef1ed0b951e184b9210 Mon Sep 17 00:00:00 2001
From: gaimerI <gaimeri255@gmail.com>
Date: Tue, 19 Nov 2024 20:00:32 +0200
Subject: [PATCH 5/5] Update index.html - abort spaghetti

---
 lab/login/index.html | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/lab/login/index.html b/lab/login/index.html
index f97f8297..03e42ef7 100644
--- a/lab/login/index.html
+++ b/lab/login/index.html
@@ -252,10 +252,7 @@ <h2 id="feed-heading">
       // Password changing
       const changePasswordButton = document.querySelector("#change-password");
       changePasswordButton.addEventListener("click", async () => {
-        var hiddenElement = document.getElementById('update-status');
-          hiddenElement.style.display = 'hidden';
-        var hiddenElement = document.getElementById('update-gif');
-          hiddenElement.style.display = 'hidden';
+        const newPassword = prompt("Enter new password");
         if (!newPassword) {
           return;
         }
@@ -268,7 +265,8 @@ <h2 id="feed-heading">
     });
     const changeJson = await changeResponse.json();
     loadingFeed.style.display = "none";
-    
+
+    // Very weird error handling
     if (changeJson.error) {
       alert(changeJson.error);
     } else {