Files
ReZygisk/webroot/js/list.js
RainyXeon / e0cb8da6dd add: loading screen, expandable list and card header icons
This commit will add new loading screen, expandable list and card header icons for improving UX/UI
2024-11-12 00:08:35 -03:00

23 lines
773 B
JavaScript

const button = document.getElementById('expand_clicker')
const icon = document.getElementById('expand_clicker_icon')
const card = document.getElementById('module_card')
let sys_module_mode = localStorage.getItem('system-module-mode')
if (!sys_module_mode) sys_module_mode = setData('closed')
button.addEventListener("click", () => {
if (sys_module_mode == "closed") {
sys_module_mode = setData('opend')
icon.style.transform = "rotate(180deg)"
card.style.maxHeight = card.scrollHeight + "px";
return
}
sys_module_mode = setData('closed')
icon.style.transform = "rotate(0deg)"
card.style.maxHeight = null;
return
})
function setData(mode) {
localStorage.setItem('system-module-mode', mode)
return localStorage.getItem('system-module-mode')
}