diff options
Diffstat (limited to 'pages/alerts.inc')
| -rw-r--r-- | pages/alerts.inc | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/pages/alerts.inc b/pages/alerts.inc index b58a9ce..a0b47ff 100644 --- a/pages/alerts.inc +++ b/pages/alerts.inc @@ -9,6 +9,29 @@ require_once $_SERVER['DOCUMENT_ROOT'] . '/includes/components/header.inc'; ?> <div class="container"> <div id="page-content"> <h2>Alerts</h2> + <br> + + <div class="list-group"> + <a href="/-/emergency" class="list-group-item list-group-item-action" style="display: grid; grid-template-columns: max-content 1fr;"> + <img src="<?= icon('emergency', null, true) ?>" style="margin-right: 5px; height: 24px; width: 24px;"><div style="display: flex; align-items: center; color: var(--bs-body-color);">Emergency alert<?php if (isset($_GET["noCountdown"])): ?></div><?php else: ?> (<span id="emergency-countdown">10</span>)</div> + <script> + let eCountdownInterval = setInterval(() => { + document.getElementById("emergency-countdown").innerText = (parseInt(document.getElementById("emergency-countdown").innerText) - 1).toString(); + + if (parseInt(document.getElementById("emergency-countdown").innerText) <= 0) { + clearInterval(eCountdownInterval); + location.href = "/-/emergency"; + } + }, 1000); + </script><?php endif; ?> + </a> + <a href="/-/wakeup" class="list-group-item list-group-item-action" style="display: grid; grid-template-columns: max-content 1fr;"> + <img src="<?= icon('wakeup', null, true) ?>" style="margin-right: 5px; height: 24px; width: 24px;"><div style="display: flex; align-items: center; color: var(--bs-body-color);">Wake-up alert</div> + </a> + <a href="/-/pleasure" class="list-group-item list-group-item-action" style="display: grid; grid-template-columns: max-content 1fr;"> + <img src="<?= icon('pleasure', null, true) ?>" style="margin-right: 5px; height: 24px; width: 24px;"><div style="display: flex; align-items: center; color: var(--bs-body-color);">Pleasure alert</div> + </a> + </div> </div> </div> |