gabriel / musehub public
release-list.ts typescript
38 lines 1.3 KB
Raw
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
1 /**
2 * release-list.ts — MuseHub releases list page module.
3 *
4 * Client-side filter tabs (All / Stable / Pre-release / Draft) and search.
5 */
6
7 export function initReleaseList(): void {
8 const filterTabs = document.querySelectorAll<HTMLAnchorElement>('.rl-tab');
9 const searchInput = document.getElementById('rel-search') as HTMLInputElement | null;
10 const list = document.getElementById('release-rows');
11 let activeFilter = 'all';
12
13 function applyFilters(): void {
14 const q = searchInput ? searchInput.value.toLowerCase() : '';
15 const rows = list ? list.querySelectorAll<HTMLElement>('.rl-row') : [];
16 rows.forEach(row => {
17 const status = (row.dataset['status'] || '').toLowerCase();
18 const text = (row.dataset['title'] || '').toLowerCase();
19 const statusMatch = activeFilter === 'all' || status === activeFilter;
20 const searchMatch = !q || text.includes(q);
21 row.style.display = statusMatch && searchMatch ? '' : 'none';
22 });
23 }
24
25 filterTabs.forEach(tab => {
26 tab.addEventListener('click', e => {
27 e.preventDefault();
28 filterTabs.forEach(t => t.classList.remove('rl-tab--active'));
29 tab.classList.add('rl-tab--active');
30 activeFilter = tab.dataset['filter'] || 'all';
31 applyFilters();
32 });
33 });
34
35 if (searchInput) {
36 searchInput.addEventListener('input', applyFilters);
37 }
38 }
File History 2 commits
sha256:1ccb8409daa5aabe577bd26d11b56ed12f3376d64011d0e75a247e81211a66ee docs(mwp4/phase5): tick Phase 5 checkboxes, close musehub#109 Sonnet 4.6 20 days ago
sha256:2c523da45351334b5c4dbefed4dc3dd553b3faa8737a4e6caf301e5dc82141be test(mwp4): Phase 0 RED reproduction tests for RC-4 ordering race Sonnet 4.6 20 days ago