discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

js snippet displays dynamic ellipsis on loading-style token gatekeeper modals; tweaks to existing pythonic & test structure to accomodate

Browse Source
This commit is contained in:
Disco DeDisco
2026-03-14 01:14:05 -04:00
parent d780115515
commit d9feb80b2a
4 changed files with 44 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/templates/apps/gameboard/_partials/_gatekeeper.html
View File

@@ -8,7 +8,26 @@
<div class="gate-modal" role="dialog" aria-label="Gatekeeper">
<header class="gate-header">
<h1>{{ room.name }}</h1>
<span class="gate-status">{{ room.gate_status }}</span>
<div class="gate-status-wrap">
<span class="gate-status-text">{{ room.get_gate_status_display }}</span>
<span class="status-dots" aria-hidden="true">
<span></span><span></span><span></span><span></span>
</span>
</div>
<script>
(function () {
clearInterval(window._gateDots);
var wrap = document.querySelector('.status-dots');
if (!wrap) return;
var dots = wrap.querySelectorAll('span');
var n = 0;
window._gateDots = setInterval(function () {
if (!document.contains(wrap)) { clearInterval(window._gateDots); return; }
dots.forEach(function (d, i) { d.textContent = i < n ? '.' : ''; });
n = (n + 1) % 5;
}, 400);
}());
</script>
</header>
<div class="gate-slots">