gawells/Self-Service-Dashboard
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

reset password boxes on close

Browse Source
This commit is contained in:
gawells
2026-04-06 16:14:11 -04:00
parent 5e0771d482
commit 72dfaf5da1
1 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
static/javascript/handle_password_change.js
View File

@@ -7,11 +7,24 @@ document
const popup_botton = document.getElementById("change_password_button"); const popup_botton = document.getElementById("change_password_button");
const currentPasswordButton = document.getElementById("current_password"),
newPasswordButton = document.getElementById("new_password"),
newPasswordRepeatButton = document.getElementById("new_password_repeat");
const strengh_label = document.getElementById("strengh-label");
const password_progress = document.getElementById("password-progress");
popup_botton.addEventListener("click", () => { popup_botton.addEventListener("click", () => {
document.getElementById("popup_background").classList.remove("hidden"); document.getElementById("popup_background").classList.remove("hidden");
document document
.getElementById("change_password_dialogue") .getElementById("change_password_dialogue")
.classList.remove("hidden"); .classList.remove("hidden");
currentPasswordButton.value = "";
newPasswordButton.value = "";
newPasswordRepeatButton.value = "";
strengh_label.innerText = "Strength: Weak";
password_progress.style.width = "0%";
}); });
const changePasswordButton = document.getElementById( const changePasswordButton = document.getElementById(
@@ -25,25 +38,22 @@ function displayError(errorText) {
} }
changePasswordButton.addEventListener("click", () => { changePasswordButton.addEventListener("click", () => {
if (document.getElementById("current_password").value === "") { if (currentPasswordButton.value === "") {
displayError("Please enter current password"); displayError("Please enter current password");
return; return;
} }
if (document.getElementById("new_password").value === "") { if (newPasswordButton.value === "") {
displayError("No value for new password"); displayError("No value for new password");
return; return;
} }
if (document.getElementById("new_password_repeat").value === "") { if (newPasswordRepeatButton.value === "") {
displayError("Please repeat new password"); displayError("Please repeat new password");
return; return;
} }
if ( if (newPasswordButton.value !== newPasswordRepeatButton.value) {
document.getElementById("new_password").value !==
document.getElementById("new_password_repeat").value
) {
displayError("New passwords do not match"); displayError("New passwords do not match");
return; return;
} }
@@ -53,18 +63,9 @@ changePasswordButton.addEventListener("click", () => {
"csrf_token", "csrf_token",
document.getElementById("csrf_token_storage").value, document.getElementById("csrf_token_storage").value,
); );
formData.append( formData.append("old_password", currentPasswordButton.value);
"old_password", formData.append("new_password", newPasswordButton.value);
document.getElementById("current_password").value, formData.append("new_password_repeat", newPasswordRepeatButton.value);
);
formData.append(
"new_password",
document.getElementById("new_password").value,
);
formData.append(
"new_password_repeat",
document.getElementById("new_password_repeat").value,
);
fetch("/change-password", { fetch("/change-password", {
method: "POST", method: "POST",
@@ -90,9 +91,6 @@ changePasswordButton.addEventListener("click", () => {
document.getElementById("new_password").addEventListener("input", () => { document.getElementById("new_password").addEventListener("input", () => {
score = EvaluatePassword(document.getElementById("new_password").value).score; score = EvaluatePassword(document.getElementById("new_password").value).score;
strengh_label = document.getElementById("strengh-label");
password_progress = document.getElementById("password-progress");
password_progress.style.width = score + "%"; password_progress.style.width = score + "%";
if (score <= 40) { if (score <= 40) {