V40-V43: band umur vote (BARU/VALID/KADALUARSA, scan simpan semua umur) → REVOTE = VALID langsung (V42) → tag mint 1-hari + badge VOTE ULANG SEGERA (V43) ; klaim recovery jendela lewat + parse respons dict rows (B7/B8) ; backend mysql test_mariadb ; oracle test_dashboard/distribute/get_voters/mariadb ; images web/scan/dist/claim rebuild + push

static/app.js

@@ -14,8 +14,16 @@
   var timer = null;
   var originalRows = null;
   var originalPager = null;
+  var originalBands = null;
   var DEBOUNCE_MS = 200;
 
+  var GROUP_LABEL = {
+    baru: 'BARU',
+    revote: 'REVOTE',
+    valid: 'VALID',
+    kadaluarsa: 'KADALUARSA'
+  };
+
   function escapeHtml(text) {
     var el = document.createElement('div');
     el.textContent = text == null ? '' : String(text);
@@ -36,15 +44,34 @@
     return String(value).slice(0, 10);
   }
 
+  function hideBands(on) {
+    var bands = document.querySelectorAll('.band-list');
+    if (on && originalBands === null) {
+      originalBands = Array.prototype.map.call(bands, function (el) {
+        return el.style.display || '';
+      });
+      Array.prototype.forEach.call(bands, function (el) {
+        el.style.display = 'none';
+      });
+    } else if (!on && originalBands !== null) {
+      Array.prototype.forEach.call(bands, function (el, i) {
+        el.style.display = originalBands[i] || '';
+      });
+      originalBands = null;
+    }
+  }
+
   function setSearchMode(on) {
     if (on && originalRows === null) {
       originalRows = rows.innerHTML;
       originalPager = pager.style.display || '';
+      hideBands(true);
     } else if (!on && originalRows !== null) {
       rows.innerHTML = originalRows;
       pager.style.display = originalPager;
       originalRows = null;
       originalPager = null;
+      hideBands(false);
       if (result) {
         result.textContent = '';
       }
@@ -56,9 +83,15 @@
       rows.innerHTML = '<div class="empty">TAK ADA AKUN COCOK</div>';
     } else {
       rows.innerHTML = data.results.map(function (r) {
-        return '<div class="list-row">' +
+        var tag = '<span class="group-tag tag-' + r.group + '">' +
+          (GROUP_LABEL[r.group] || r.group) + '</span>';
+        var badge = r.expired ?
+          '<span class="expired-badge">VOTE ULANG</span>' : '';
+        var warn = r.expiring ?
+          '<span class="warn-badge">VOTE ULANG SEGERA</span>' : '';
+        return '<div class="list-row' + (r.expired ? ' expired' : '') + '">' +
           '<span class="rank">' + r.rank + '</span>' +
-          '<span class="owner">' + escapeHtml(r.owner) + '</span>' +
+          '<span class="owner">' + escapeHtml(r.owner) + tag + warn + badge + '</span>' +
           '<span class="stake" data-label="STAKE (VEX)">' + vex(r.staked) + '</span>' +
           '<span class="reward" data-label="TOTAL REWARD (VEX)">' + vex(r.total_reward) + '</span>' +
           '<span class="vote-date" data-label="VOTE TERAKHIR">' + shortdate(r.last_vote) + '</span>' +