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("login").setAttribute("style", "display: none;");
|
||||||
document.getElementById("mainPage").setAttribute("style", "");
|
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) {
|
function switchScreen(button) {
|
||||||
|
|||||||
Reference in New Issue
Block a user