Changeset 23da947 in Klonkt for src/assets/js/guardian.js

Timestamp:

08/07/2026 11:32:20 PM (5 weeks ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9ce14b8

Parents:

9588b51

git-author:

Robin <roboburr@…> (08/07/2026 11:32:18 PM)

git-committer:

roboburr <roboburr@…> (08/07/2026 11:32:20 PM)

Message:

Alle poorten zichtbaar, en de lijst ingeklapt (shaer-ahy.1, vervolg)

Barts wens: de negen geplande gates ook tonen, en de lijst compacter -- het liefst
ingeklapt met een uitklap.

DE NEGEN STAAN ERIN, MAAR NIET ALS DICHTE DEUR. Acht ervan bestaan nog niet:
featureColumn() kent de namen niet, dus een voorstel zou stranden op
unknown_feature. En ze als "uit" tonen zou ronduit onwaar zijn -- plaatjes werken
vandaag gewoon. Ze krijgen daarom een eigen stand, "nog niet beschikbaar", met een
gestippelde chip, geen drempel en geen knop. Een lege plek, geen gesloten poort.

Elke geplande rij draagt zijn bead, zodat het paneel meteen de weg wijst naar waar
die gate gebouwd wordt.

Het kind van de geplande gates is voorlopig en dat staat er ook bij: of
accountmigratie een stand is of een besluit per keer hoort bij het bouwen van
shaer-tge beslist te worden, niet hier. Independence is de enige die gezag
OVERDRAAGT en dus als enige onomkeerbaar (shaer-90v).

INGEKLAPT MET EEN SAMENVATTING. Met twaalf poorten duwt een open lijst alles wat
eronder staat -- guardians, volgverzoeken, hulpvragen -- van het scherm. De regel
erboven zegt wat je meestal wilt weten: hoeveel poorten er zijn, hoeveel er aan
staan en hoeveel er op je wachten. Uitklappen blijft over een verversing heen
staan, net als het wardpaneel zelf; anders valt hij elke 45 seconden dicht.

Negen labels in nl/en/de. Suite 611/611.

File:

• src/assets/js/guardian.js (modified) (3 diffs)

src/assets/js/guardian.js

@@ -318 +318 @@
   // panel.
   var openPanels = {};   // ward uri -> open, so a refresh does not close it
+  var openGates = {};    // idem voor de poortenlijst: uitklappen mag niet elke 45s dichtvallen
   // The follow requests and the wards' posts arrive from their own endpoints
   // and are grouped into the panels by ward, so they are cached here rather
@@ -500 +501 @@
     // twee dingen die hetzelfde heetten waarvan er een nooit veranderde. Het
     // veranderlijke hoort bovenaan; het beschrijvende gaat naar de regel eronder.
-    var chip = el('span', 'g-gate-chip g-gate-chip-' + (g.value === true ? 'on' : (g.decided ? 'off' : 'undecided')), stand);
-    head.appendChild(chip);
+    // Wat er nog niet is leest niet als een dichte poort maar als een lege plek.
+    // 'Uit' zou onwaar zijn: plaatjes werken vandaag gewoon.
+    if (!g.available) stand = T.gate_unavailable || 'not available yet';
+    var soort = g.available === false ? 'planned'
+      : (g.value === true ? 'on' : (g.decided ? 'off' : 'undecided'));
+    head.appendChild(el('span', 'g-gate-chip g-gate-chip-' + soort, stand));
 
     var meta = el('div', 'g-gate-meta small');
     meta.appendChild(el('span', 'g-gate-kind', T['gate_kind_' + g.kind] || g.kind));
-    if (g.threshold) {
+    if (!g.available) meta.appendChild(el('span', 'g-dim', T.gate_planned_note || ''));
+    if (g.threshold && g.available) {
       meta.appendChild(el('span', null, (T.gate_threshold || '{need} of {of} guardians')
         .replace('{need}', g.threshold.need).replace('{of}', g.threshold.of)));
-    } else {
+    } else if (g.available) {
       // Geen drempel verzinnen die we niet kennen.
       meta.appendChild(el('span', 'g-dim', T.gate_threshold_unknown || ''));
@@ -555 +561 @@
     // niet verstelbaar is stond nergens -- terwijl dat de helft van het antwoord
     // is op "wat mag dit kind".
-    (w.gates || []).forEach(function (g) { set.appendChild(gateRow(w, g)); });
+    //
+    // INGEKLAPT met een samenvatting erboven. Met twaalf poorten duwt een open
+    // lijst alles wat eronder staat -- guardians, volgverzoeken, hulpvragen --
+    // van het scherm. Wat je meestal wilt weten is "staat er iets open en wacht
+    // er iets op mij", en dat past op een regel.
+    if ((w.gates || []).length) {
+      var lijst = el('div', 'g-gates');
+      lijst.hidden = !openGates[uri];
+      w.gates.forEach(function (g) { lijst.appendChild(gateRow(w, g)); });
+
+      var aan = w.gates.filter(function (g) { return g.available && g.value === true; }).length;
+      var wacht = w.gates.reduce(function (n, g) { return n + (g.waiting || 0) + (g.proposal && g.proposal.status === 'open' ? 1 : 0); }, 0);
+      var kop = el('button', 'quiet small g-gates-toggle');
+      var zetKop = function () {
+        kop.textContent = (lijst.hidden ? (T.gates_show || 'Show gates') : (T.gates_hide || 'Hide gates'))
+          + ' - ' + (T.gates_summary || '{n} gates - {on} on, {wait} waiting')
+            .replace('{n}', w.gates.length).replace('{on}', aan).replace('{wait}', wacht);
+      };
+      zetKop();
+      kop.addEventListener('click', function () {
+        lijst.hidden = !lijst.hidden;
+        openGates[uri] = !lijst.hidden;   // blijft open over een verversing heen
+        zetKop();
+      });
+      set.appendChild(kop);
+      set.appendChild(lijst);
+    }
     // Terugval voor een server die de catalogus nog niet stuurt: dan de twee
     // knoppen zoals ze waren, zodat een oudere Klonkt niet met een leeg vak zit.