FIFO accusations

db/queries/infractions.sql

@@ -19,7 +19,7 @@ WHERE id = $1;
 SELECT id, game_id, game_card_id, accused, accuser, created, active, affirmed
 FROM infractions
 WHERE game_id = $1
-ORDER BY created DESC;
+ORDER BY created ASC;
 
 -- name: InfractionsActiveCount :one
 SELECT COUNT(*) FROM infractions

game.go

@@ -313,6 +313,12 @@ func dataHandler(w http.ResponseWriter, r *http.Request) {
 				w.WriteHeader(http.StatusNoContent)
 				return
 			}
+			activeCount := 0
+			for _, inf := range state.Infractions {
+				if inf.Active.Bool {
+					activeCount++
+				}
+			}
 			for _, inf := range state.Infractions {
 				if inf.Active.Bool {
 					log.Debug("serving infraction to host", "infraction_id", inf.ID)
@@ -334,9 +340,10 @@ func dataHandler(w http.ResponseWriter, r *http.Request) {
 					}
 					w.Header().Set("Content-Type", "application/json")
 					json.NewEncoder(w).Encode(map[string]any{
-						"id":      inf.ID,
-						"accused": accusedName,
-						"rule":    ruleContent,
+						"id":        inf.ID,
+						"accused":   accusedName,
+						"rule":      ruleContent,
+						"remaining": activeCount - 1,
 					})
 					return
 				}

static/css/style.css

@@ -694,6 +694,13 @@ dialog::backdrop {
   background: var(--color-backdrop);
 }
 
+.decide-remaining {
+  text-align: center;
+  font-size: 0.875em;
+  color: var(--color-dim);
+  margin: -0.5em 0 0;
+}
+
 .decide-info-rule {
   font-family: var(--font-script);
 }

static/html/tmpl.game.html

@@ -103,6 +103,7 @@ <h2>prompt challenge</h2>
 
     <dialog id="decide-dialog">
       <div class="dialog-body stack">
+        <p class="decide-remaining" hidden></p>
         <h2>Verdict</h2>
         <p class="decide-info-name"></p>
         <p class="decide-info-rule"></p>

static/js/accuse.js

@@ -14,6 +14,15 @@
     var infoRule = d.querySelector('.decide-info-rule');
     if (infoName) infoName.textContent = 'did ' + data.accused + ' break the rule';
     if (infoRule) infoRule.textContent = data.rule;
+    var remaining = d.querySelector('.decide-remaining');
+    if (remaining) {
+      if (data.remaining > 0) {
+        remaining.textContent = '+' + data.remaining + ' more';
+        remaining.hidden = false;
+      } else {
+        remaining.hidden = true;
+      }
+    }
     if (!d.open) d.showModal();
   }