marty/instantadpay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Training: section pills; /plays member page (three plays + Qualified Start) with the member's own link in the scripts

Browse Source 
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-09-10 07:06:19 -05:00
parent f785016cb5
commit 16a9f76f50
5 changed files with 199 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/my.js
+11 -1
View File
@@ -292,8 +292,18 @@
const el = $('trainingList'); if (!el) return;
const items = r.items || [];
if (!items.length) { el.innerHTML = '<p class="muted small">Training materials are being added. Check back soon.</p>'; return; }
// section pills at the top: one per group, plus All; the active pill filters the list
const groups = [...new Set(items.map(it => it.group).filter(Boolean))];
const pills = $('trainingPills');
const want = loadTraining.filter || 'all';
if (pills) {
pills.hidden = groups.length < 2;
pills.innerHTML = ['all', ...groups].map(g => '<button type="button" class="chip-t' + ((g === want) ? ' on' : '') + '" data-tg="' + esc(g) + '">' + esc(g === 'all' ? 'All' : g) + '</button>').join('');
pills.querySelectorAll('[data-tg]').forEach(b => b.addEventListener('click', () => { loadTraining.filter = b.dataset.tg; loadTraining(); }));
}
const shown = want === 'all' ? items : items.filter(it => it.group === want);
let lastGroup = null;
el.innerHTML = items.map(it => {
el.innerHTML = shown.map(it => {
// optional section header: entries carry a `group`; a header renders when it changes
let head = '';
if (it.group && it.group !== lastGroup) { lastGroup = it.group; head = '<h3 class="tr-group" style="margin:26px 0 6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)">' + esc(it.group) + '</h3>'; }