Display different buttons based on role
This commit is contained in:
@@ -23,6 +23,19 @@ async function login() {
|
||||
document.getElementById("login").setAttribute("style", "display: none;");
|
||||
document.getElementById("mainPage").setAttribute("style", "");
|
||||
}
|
||||
|
||||
// store user data in session storage
|
||||
let data = await response.json();
|
||||
sessionStorage.setItem("name", data.name);
|
||||
sessionStorage.setItem("role", data.role);
|
||||
|
||||
// if role is admin, keep auto styling
|
||||
if (sessionStorage.getItem("role") !== "admin") {
|
||||
document.getElementById("addButton").setAttribute("style", "display: none;");
|
||||
document.getElementById("taskButton").classList.value = "half";
|
||||
document.getElementById("historyButton").classList.value = "half";
|
||||
document.getElementById("menu").classList.value = "flex two";
|
||||
}
|
||||
}
|
||||
|
||||
function switchScreen(button) {
|
||||
|
||||
Reference in New Issue
Block a user