grey/Enlight
1
0
Fork 0
mirror of https://github.com/TheGreyDiamond/Enlight.git synced 2026-04-01 07:10:23 +02:00
Code Issues Releases Activity

Added popup things

Browse Source
This commit is contained in:
TheGreyDiamond
2021-09-19 12:16:49 +02:00
parent 722b8e1333
commit 6481d73c28
6 changed files with 3451 additions and 545 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
ui_templates/static/js/helper.js
View File

@@ -20,4 +20,37 @@ function updateTime(k) {
} else {
return k;
}
}
function createModalPopup(titel, body, actions){
// Creates a modal popup and makes sure only one layer of "darking" is applied.
// Returns the modals id
modalsList = JSON.parse(document.getElementById("modals").innerHTML)
const idTime = Date.now();
modalsList.open.push(idTime);
let modal = document.getElementById("mainModal");
modal.style.display = "block";
// modal.innerHTML += '<div class="modal-content" id="modal-' + String(idTime) + '"> <span class="close" onclick="closeModal(' + String(idTime) + ')">&times;</span>' + body + '<br><button>Shutdown</button><button>Lock</button><button onclick="">Close Software</button></div>'
modal.innerHTML += '<div class="modal-content" id="modal-' + String(idTime) + '"> \
<div class="modal-header"> \
<span class="close" onclick="closeModal(' + String(idTime) + ')">&times;</span> \
<h2>' + titel + '</h2>\
</div>\
<div class="modal-body"><p>' + body + '</p></div> \
<div class="modal-footer"><center>' + actions + '</center></div> \
</div>'
document.getElementById("modals").innerHTML = JSON.stringify(modalsList)
return(idTime)
}
function closeModal(id){
modalsList = JSON.parse(document.getElementById("modals").innerHTML)
document.getElementById("modal-" + String(id)).remove()
modalsList.open.pop(String(id))
document.getElementById("modals").innerHTML = JSON.stringify(modalsList)
if(modalsList.open.length == 0){
let modal = document.getElementById("mainModal");
modal.style.display = "none";
}
}