[object Object]

← back to Wallco Ai

admin/bg-tester: .when chip on recent-design tiles (created date+time, ISO in title)

d0833873df1fa162ea6cd3247695f38980f83e6f · 2026-05-28 06:03:55 -0700 · steve

Files touched

Diff

commit d0833873df1fa162ea6cd3247695f38980f83e6f
Author: steve <steve@designerwallcoverings.com>
Date:   Thu May 28 06:03:55 2026 -0700

    admin/bg-tester: .when chip on recent-design tiles (created date+time, ISO in title)
---
 public/admin/bg-tester.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/public/admin/bg-tester.html b/public/admin/bg-tester.html
index 3e1326a..c2065f7 100644
--- a/public/admin/bg-tester.html
+++ b/public/admin/bg-tester.html
@@ -137,6 +137,10 @@
     opacity:0; transition:opacity .2s; pointer-events:none; z-index:200;
   }
   .toast.show { opacity:1; }
+
+  .when { position:absolute; left:3px; bottom:3px; background:rgba(31,24,8,.78); color:#fff;
+          font:600 8.5px ui-monospace,Menlo,monospace; padding:1px 5px; border-radius:2px;
+          font-variant-numeric:tabular-nums; pointer-events:none; }
 </style>
 </head>
 <body>
@@ -422,6 +426,13 @@
     }
   }
 
+  // Canonical fmtDate — matches admin/cactus-curator.html. Year + month + day + h:mm.
+  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' });
+  }
+
   // Load recent designs sidebar
   async function loadRecent() {
     try {
@@ -433,10 +444,11 @@
       for (const it of items) {
         const cell = document.createElement('div');
         cell.style.cssText = 'aspect-ratio:1; background:#f3eee2; border:1px solid var(--line); border-radius:4px; overflow:hidden; cursor:pointer; position:relative;';
-        cell.title = `#${it.id} · ${it.category || ''} · click to load`;
+        cell.title = `#${it.id} · ${it.category || ''} · ${it.created_at || ''} · click to load`;
         cell.innerHTML = `
           <img loading="lazy" src="/designs/img/by-id/${it.id}" alt="${it.id}" style="width:100%; height:100%; object-fit:cover; display:block;">
           <div style="position:absolute; top:3px; right:3px; background:rgba(31,24,8,.78); color:#fff; font:600 8.5px ui-monospace,Menlo,monospace; padding:1px 5px; border-radius:2px;">#${it.id}</div>
+          <div class="when" title="${it.created_at || ''}">🕓 ${fmtDate(it.created_at)}</div>
         `;
         cell.onclick = () => {
           $('did-input').value = it.id;

← 0972eb1 admin/drunk-curator: include year in fmtDate (canonical date  ·  back to Wallco Ai  ·  drunk-curator: add sort (density/character/newest) + generat 2ca51dc →