DGNum/kadenios
17
0
Fork 0
Code Issues 12 Pull requests Projects Wiki Activity

On utilise un modal pour supprimer le vote

Browse source
This commit is contained in:
Tom Hubrecht 2021-04-09 11:40:16 +02:00
parent 2fc7030b34
commit 665cd027fb
5 changed files with 86 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

29
shared/templates/base.html
View file

@ -45,14 +45,43 @@
});
});
// Interact with modals
var $modals = document.querySelectorAll('.modal') || [];
var $modalButtons = document.querySelectorAll('.modal-button') || [];
var $modalCloses = document.querySelectorAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button-close') || [];
$modalButtons.forEach(function($el) {
$el.addEventListener('click', function() {
var target = $el.dataset.target;
var $target = document.getElementById(target);
document.documentElement.classList.add('is-clipped');
$target.classList.add('is-active');
});
});
$modalCloses.forEach(function($el) {
$el.addEventListener('click', (event) => {
event.stopPropagation();
document.documentElement.classList.remove('is-clipped');
$modals.forEach(function($el) {
$el.classList.remove('is-active');
});
});
});
document.addEventListener('keydown', (event) => {
var e = event || window.event;
if (e.keyCode === 27) {
$dropdowns.forEach(($dropdown) => {
$dropdown.classList.remove('is-active');
});
document.documentElement.classList.remove('is-clipped');
$modals.forEach(function($el) {
$el.classList.remove('is-active');
});
}
});
});
</script>