[object Object]

← back to Wallco Ai

admin-card: add created date+time chip to status-browser (cactus-curator convention)

cdb9f1cc20d529c51d6545dd7a0d428ceb1d9426 · 2026-05-27 14:58:09 -0700 · Steve

Files touched

Diff

commit cdb9f1cc20d529c51d6545dd7a0d428ceb1d9426
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed May 27 14:58:09 2026 -0700

    admin-card: add created date+time chip to status-browser (cactus-curator convention)
---
 public/admin/status-browser.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/public/admin/status-browser.html b/public/admin/status-browser.html
index af82fea..8f5ee0a 100644
--- a/public/admin/status-browser.html
+++ b/public/admin/status-browser.html
@@ -158,6 +158,13 @@
     font:600 9px var(--sans); padding:2px 5px; border-radius:3px;
     max-width:calc(100% - 16px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
   }
+  .card .when {
+    position:absolute; left:6px; bottom:46px;
+    background:rgba(31,24,8,.78); color:#fff;
+    font:600 9px var(--sans); font-variant-numeric:tabular-nums;
+    padding:2px 5px; border-radius:3px;
+    max-width:calc(100% - 16px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+  }
   .card.selected {
     outline:3px solid var(--blue); outline-offset:-3px;
   }
@@ -320,6 +327,11 @@
 <script>
 (() => {
   const $ = (id) => document.getElementById(id);
+  function fmtDate(iso){
+    if(!iso) return '—';
+    const d = new Date(iso); if(isNaN(d)) return '—';
+    return d.toLocaleString(undefined, { year:'numeric', month:'short', day:'numeric', hour:'numeric', minute:'2-digit' });
+  }
   let STATUS = 'all', CAT = '', SORT = 'newest', OFFSET = 0;
   let ONLY_REDOS = false;
   const LIMIT = 200;
@@ -414,6 +426,7 @@
         <div class="cb-wrap"><input type="checkbox" class="sb-cb" ${SELECTED.has(it.id) ? 'checked' : ''}></div>
         <div class="id">#${it.id}</div>
         <img loading="lazy" src="/designs/img/by-id/${it.id}" alt="${it.id}">
+        <div class="when" title="created ${it.created_at || ''}">🕓 ${fmtDate(it.created_at)}</div>
         <div class="cat">${it.category || ''}</div>
         <div class="status-pill">${it.computed_status.toUpperCase()}</div>
       `;

← f35bb2b admin-card: add created/flagged date+time chip to ghost-revi  ·  back to Wallco Ai  ·  cactus prompt: all-new-specs rewrite vs graphic-designer age b36a8ee →