gabriel / musehub public
domains.ts typescript
37 lines 1.3 KB
Raw
sha256:20b27796ed512236119feef48b4577a8fd9ded05a15267dd4e6da23604ad1f1a docs: update Suggested Ownership Split table to reflect ful… Sonnet 5 29 days ago
1 /**
2 * domains.ts — Domains listing page behaviour.
3 *
4 * Wires the global navbar search bar to the hero search input so that
5 * clicking / focusing the navbar field redirects focus to the hero input,
6 * exactly as the explore page does with its own hero search.
7 */
8
9 export function initDomains(): void {
10 wireNavbarSearch();
11 }
12
13 // ── Wire navbar search → hero search on domains page ─────────────────────────
14
15 function wireNavbarSearch(): void {
16 const navForm = document.querySelector<HTMLFormElement>('.navbar-search-form');
17 const navInput = document.querySelector<HTMLInputElement>('.navbar-search-input');
18 const heroInput = document.getElementById('domain-search-input') as HTMLInputElement | null;
19
20 if (!navForm || !navInput || !heroInput) return;
21
22 // Intercept navbar form submit: push value into hero input and trigger HTMX
23 navForm.addEventListener('submit', (e) => {
24 e.preventDefault();
25 const q = navInput.value.trim();
26 if (q) heroInput.value = q;
27 heroInput.focus();
28 heroInput.dispatchEvent(new Event('input', { bubbles: true }));
29 navInput.value = '';
30 });
31
32 // Redirect focus from navbar input straight to the hero input
33 navInput.addEventListener('focus', () => {
34 heroInput.focus();
35 navInput.blur();
36 });
37 }
File History 3 commits
sha256:20b27796ed512236119feef48b4577a8fd9ded05a15267dd4e6da23604ad1f1a docs: update Suggested Ownership Split table to reflect ful… Sonnet 5 29 days ago
sha256:8ea2f75226d5834770ccaddbaa6efda1cc337446fd481bb385de8bec4555ae79 docs: Section 9 CI pipeline — confirm job queue is idempote… Sonnet 5 29 days ago
sha256:80e1a60a39562f6e616aaafbb27487f03abbec7d8ffc6164302b7a0c0bfc63ee docs: check off Section 0 items verified in inventory doc, … Sonnet 5 29 days ago