88 lines
3.6 KiB
JavaScript
88 lines
3.6 KiB
JavaScript
/**
|
|
* lockAccount resets inputs and disabled inputs
|
|
*/
|
|
function lockAccount() {
|
|
// Clear unsaved inputs on page load (refresh doesnt clear them)
|
|
document.getElementById("account-form").reset();
|
|
|
|
document.getElementById("save-account").disabled = true;
|
|
document.getElementById("email").disabled = true;
|
|
document.getElementById("name").disabled = true;
|
|
document.getElementById("password").disabled = true;
|
|
document.getElementById("repassword").disabled = true;
|
|
document.getElementById("save-account").classList.add("cursor-not-allowed");
|
|
document.getElementById("save-account").classList.remove("cursor-pointer");
|
|
|
|
document.getElementById("edit-account").innerHTML = "Edit";
|
|
document.getElementById("edit-account").onclick = unlockAccount;
|
|
}
|
|
|
|
/**
|
|
* lockPersonal resets inputs and disabled inputs
|
|
*/
|
|
function lockPersonal() {
|
|
// Clear unsaved inputs on page load (refresh doesnt clear them)
|
|
document.getElementById("personal-form").reset();
|
|
|
|
document.getElementById("save-personal").disabled = true;
|
|
document.getElementById("dob").disabled = true;
|
|
document.getElementById("education").disabled = true;
|
|
document.getElementById("ms-single").disabled = true;
|
|
document.getElementById("ms-married").disabled = true;
|
|
document.getElementById("ms-divorced").disabled = true;
|
|
document.getElementById("ms-widowed").disabled = true;
|
|
document.getElementById("income").disabled = true;
|
|
document.getElementById("expenses").disabled = true;
|
|
document.getElementById("assets").disabled = true;
|
|
document.getElementById("liabilities").disabled = true;
|
|
document.getElementById("save-personal").classList.add("cursor-not-allowed");
|
|
document.getElementById("save-personal").classList.remove("cursor-pointer");
|
|
|
|
document.getElementById("edit-personal").innerHTML = "Edit";
|
|
document.getElementById("edit-personal").onclick = unlockPersonal;
|
|
}
|
|
|
|
/**
|
|
* unlockAccount removes disabled from inputs and
|
|
* allows users to edit their profile.
|
|
*/
|
|
function unlockAccount() {
|
|
document.getElementById("save-account").disabled = false;
|
|
document.getElementById("email").disabled = false;
|
|
document.getElementById("name").disabled = false;
|
|
document.getElementById("password").disabled = false;
|
|
document.getElementById("repassword").disabled = false;
|
|
document.getElementById("save-account").classList.remove("cursor-not-allowed");
|
|
document.getElementById("save-account").classList.add("cursor-pointer");
|
|
|
|
document.getElementById("edit-account").innerHTML = "Cancel changes";
|
|
document.getElementById("edit-account").onclick = lockAccount;
|
|
}
|
|
|
|
/**
|
|
* unlocPersonal removes disabled from inputs and
|
|
* allows users to edit their personal information.
|
|
*/
|
|
function unlockPersonal() {
|
|
document.getElementById("save-personal").disabled = false;
|
|
document.getElementById("dob").disabled = false;
|
|
document.getElementById("education").disabled = false;
|
|
document.getElementById("ms-single").disabled = false;
|
|
document.getElementById("ms-married").disabled = false;
|
|
document.getElementById("ms-divorced").disabled = false;
|
|
document.getElementById("ms-widowed").disabled = false;
|
|
document.getElementById("income").disabled = false;
|
|
document.getElementById("expenses").disabled = false;
|
|
document.getElementById("assets").disabled = false;
|
|
document.getElementById("liabilities").disabled = false;
|
|
document.getElementById("save-personal").classList.remove("cursor-not-allowed");
|
|
document.getElementById("save-personal").classList.add("cursor-pointer");
|
|
|
|
document.getElementById("edit-personal").innerHTML = "Cancel changes";
|
|
document.getElementById("edit-personal").onclick = lockPersonal;
|
|
}
|
|
|
|
// On page load, ensure forms are locked and reset
|
|
lockAccount();
|
|
lockPersonal();
|