Completed reset password section and added in eye button to toggle between shown and hidden password.

Signed-off-by: rodude123 <rodude123@gmail.com>

src/editor/js/index.js

@@ -61,6 +61,30 @@ document.querySelector("#login form").addEventListener("submit", e =>
 document.querySelector("#loginError .close").addEventListener("click", () =>
     document.querySelector("#loginError").classList.toggle("hidden"));
 
+document.querySelector("#resetError .close").addEventListener("click", () =>
+    document.querySelector("#resetError").classList.toggle("hidden"));
+
+document.querySelector("#changeError .close").addEventListener("click", () =>
+    document.querySelector("#changeError").classList.toggle("hidden"));
+
+
+document.querySelectorAll("form i.fa-eye").forEach(i => 
+{
+    i.addEventListener("click", e => 
+    {
+        if (e.target.previousElementSibling.type === "password")
+        {
+            e.target.previousElementSibling.type = "text";
+            e.target.classList.remove("fa-eye");
+            e.target.classList.add("fa-eye-slash");
+            return;
+        }
+        e.target.previousElementSibling.type = "password";
+        e.target.classList.remove("fa-eye-slash");
+        e.target.classList.add("fa-eye");
+    }); 
+});
+
 // showing and hiding different forms
 
 document.querySelector("#resetPwd").addEventListener("click", () =>
@@ -105,7 +129,7 @@ document.querySelector("#checkResetCode form").addEventListener("submit", e =>
         return;
     }
     resetCode.append("code", e.target.code.value);
-    fetch(`/api/user/checkResetCode//${e.target.code.value}`).then(res =>
+    fetch(`/api/user/checkResetCode/${e.target.code.value}`).then(res =>
     {
         if (res.ok)
         {
@@ -114,5 +138,36 @@ document.querySelector("#checkResetCode form").addEventListener("submit", e =>
         }
         showErrorMessage("Invalid code.", "resetCode");
     });
+});
 
+document.querySelector("#changePassword form").addEventListener("submit", e =>
+{
+    e.preventDefault();
+    let resetPassword = new FormData();
+    if (e.target.pass.value === "" && e.target.rePass.value === "")
+    {
+        showErrorMessage("Please type in a new password.", "change");
+        return;
+    }
+    
+    if (e.target.pass.value !== e.target.rePass.value)
+    {
+        showErrorMessage("Passwords do not match.", "change");
+        return;
+    }
+    
+    resetPassword.append("password", e.target.pass.value);
+    fetch(`/api/user/changePassword`, 
+    {
+        method: "POST",
+        body: resetPassword
+    }).then(res =>
+    {
+        if (res.ok)
+        {
+            // show login form
+            switchView("#changePassword", "#login");
+        }
+        showErrorMessage("Something went wrong.", "change");
+    }); 
 });