Add Activation Calendar tab (go-live date+time per staged SKU)

72e2a3bf8485e9ea47f997cb0efb39997dc23f3c · 2026-07-14 07:52:55 -0700 · Steve

Files touched

M public/index.html

Diff

commit 72e2a3bf8485e9ea47f997cb0efb39997dc23f3c
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Jul 14 07:52:55 2026 -0700

    Add Activation Calendar tab (go-live date+time per staged SKU)
---
 public/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 149c10e..35d670c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -82,6 +82,7 @@
 <header>
   <h1>Crezana Design <span class="quote">QUOTE-ONLY · FABRIC</span></h1>
   <button class="dirbtn" id="railToggle">☰ Filters</button>
+  <div class="ctl" id="viewtoggle" style="gap:4px"><button id="tab-products" type="button" class="vt active">Products</button><button id="tab-calendar" type="button" class="vt">🗓 Activation Calendar</button></div>
   <span class="meta" id="meta">loading…</span>
   <input type="search" id="q" placeholder="Search pattern / sku / collection / description…">
   <span class="bar">Sort
@@ -114,11 +115,13 @@
     <details class="sec" data-k="tags"><summary>Tags<span class="n" id="nTags"></span></summary><div class="fbody" id="tagsRow"></div></details>
     <details class="sec" data-k="image"><summary>Image<span class="n" id="nImage"></span></summary><div class="fbody" id="imgRow"></div></details>
   </aside>
-  <main>
+  <main id="gridwrap">
     <div class="grid" id="grid"></div>
     <div class="empty" id="empty" style="display:none">No matches.</div>
   </main>
 </div>
+<div id="view-calendar" style="display:none"></div>
+<script src="/activation-calendar.js"></script>
 <script>
 const API = location.origin;
 let ALL = [], LAST_FACETS = {};
@@ -185,8 +188,13 @@ async function load(){
   renderFieldChips();
   renderFacets(f);
   render();
+  wireActivationTabs();
 }
 
+let _calRendered=false;
+function showView(which){var cal=which==='calendar';document.getElementById('gridwrap').style.display=cal?'none':'';document.getElementById('view-calendar').style.display=cal?'':'none';document.getElementById('tab-products').classList.toggle('active',!cal);document.getElementById('tab-calendar').classList.toggle('active',cal);if(cal&&!_calRendered&&window.ActivationCalendar){window.ActivationCalendar.render({mount:document.getElementById('view-calendar'),products:ALL,lineLabel:'Crezana Design',perDay:50});_calRendered=true;}}
+function wireActivationTabs(){var tp=document.getElementById('tab-products'),tc=document.getElementById('tab-calendar');if(tp)tp.onclick=function(){showView('products')};if(tc)tc.onclick=function(){showView('calendar')};}
+
 /* ── facet list rows: checkbox + count + type-ahead + cap/expand ── (ported from all.dw) */
 function toggleSet(set,val){ set.has(val)?set.delete(val):set.add(val); applyFilterChange(); }
 function applyFilterChange(){ persistFacets(); renderFacets(LAST_FACETS); render(); }

← ff668cb Show DWCZ- DW series SKU instead of raw CREZ- mfr hash on ca · back to Crezana Internal · Revert "Add Activation Calendar tab (go-live date+time per s a3b816c →