gabriel / musehub public
release-list.ts typescript
38 lines 1.3 KB
Raw
sha256:0521dce9aca20da6ab4d9ebee6de75ab876bd82cddbc6bd4897d1ac6ecd11d3d docs(musehub#129): freeze Phase 1 OG repo card design Human 14 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 1 commit
sha256:6ad6d62107bbd6940c52d63327966b8a65c6391f4a3da6cd9e7548ba4b38bc48 feat(musehub#129): OG repo preview cards — endpoint, cache,… Human minor ⚠ 14 days ago