Fix schedule

This commit is contained in:
2026-05-06 20:49:10 +07:00
parent c76e471161
commit ac9fd4cf42
9 changed files with 459 additions and 87 deletions

View File

@@ -13,7 +13,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..60,700;12..60,800&family=Caveat+Brush&family=JetBrains+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="../css/style.css?v=14beeeb2">
<link rel="stylesheet" href="../css/style.css?v=0a14c10d">
<link rel="stylesheet" href="../css/fireflies.css">
<link rel="canonical" href="https://saborflow.ai1.ovh/schedule/">
<meta property="og:type" content="website">
@@ -97,19 +97,26 @@
</div>
<div class="sfB-toolbar">
<div class="sfB-pills">
<button class="filter-pill active" data-filter="all">All</button>
<button class="filter-pill" data-filter="salsa">Salsa</button>
<button class="filter-pill" data-filter="bachata">Bachata</button>
<button class="filter-pill" data-filter="kizomba">Kizomba</button>
<button class="filter-pill" data-filter="zouk">Zouk</button>
<button class="filter-pill" data-filter="danang">Da Nang</button>
<button class="filter-pill" data-filter="hoian">Hoi An</button>
</div>
<div class="sfB-pills" id="sfB-schedule-pills"></div>
</div>
<p class="sfB-sched-hint">Tap any event to see entry fee, special offers &amp; vibe.</p>
<div class="sfB-list" id="sfB-schedule-list"></div>
<div class="sfB-ev-modal" id="sfB-ev-modal" role="dialog" aria-modal="true" aria-labelledby="sfB-ev-modal-name">
<div class="sfB-modal-overlay" id="sfB-ev-modal-overlay"></div>
<div class="sfB-ev-modal-box">
<div class="sfB-ev-head">
<div>
<div class="sfB-ev-day-time" id="sfB-ev-modal-day"></div>
<div class="sfB-ev-name" id="sfB-ev-modal-name"></div>
</div>
<button class="sfB-modal-close" id="sfB-ev-modal-close" aria-label="Close"></button>
</div>
<div class="sfB-ev-body" id="sfB-ev-modal-body"></div>
</div>
</div>
<p class="footnote">Schedule updated monthly &mdash; last update: <strong style="color:var(--sf-gold)"
id="schedule-last-update"></strong></p>
</main>
@@ -131,7 +138,7 @@
</div>
</footer>
<script src="../js/main.js?v=14beeeb2"></script>
<script src="../js/main.js?v=0a14c10d"></script>
<script>
// Dynamic last-update label
(function () {
@@ -142,23 +149,6 @@
}
})();
// Schedule-page filter by city / style
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.sfB-pills .filter-pill').forEach(pill => {
pill.addEventListener('click', () => {
document.querySelectorAll('.sfB-pills .filter-pill').forEach(p => p.classList.remove('active'));
pill.classList.add('active');
const f = pill.dataset.filter;
document.querySelectorAll('.sfB-row').forEach(row => {
if (f === 'all') { row.style.display = ''; return; }
const music = row.querySelector('.col-music')?.textContent.toLowerCase() || '';
const city = row.querySelector('.col-city')?.textContent.toLowerCase() || '';
const show = music.includes(f) || city.includes(f === 'danang' ? 'da nang' : f === 'hoian' ? 'hoi an' : f);
row.style.display = show ? '' : 'none';
});
});
});
});
</script>
</body>