Use event dispatching for popover close

This commit is contained in:
Simon Cordt
2025-09-24 23:22:14 +02:00
parent d5f7519189
commit 2fc4ad36c8
+2 -2
View File
@@ -990,14 +990,14 @@
const header = UI.el('div', { class: 'pqueue-popover__header pqueue-card__header' }, [
UI.el('div', { class: 'pqueue-popover__title', text: 'History filters' }),
UI.el('div', { class: 'pqueue-popover__hint', text: 'Local timezone applied' }),
UI.button({ icon: 'ti ti-x', variant: 'ghost', subtle: true, title: 'Close', onClick: () => { pop?.remove(); state.dom.filtersPopover = null; } })
UI.button({ icon: 'ti ti-x', variant: 'ghost', subtle: true, title: 'Close', onClick: () => { try { pop?.dispatchEvent(new CustomEvent('pqueue-close', { bubbles: true })); } catch (err) {} } })
]);
const footer = UI.el('div', { class: 'pqueue-popover__footer' }, [
UI.el('div', { class: 'pqueue-popover__footer-left' }, [UI.el('span', { class: 'pqueue-muted', text: UI.currentHistoryRangeLabel() })]),
UI.el('div', { class: 'pqueue-popover__footer-right' }, [
UI.button({ text: 'Clear', variant: 'ghost', subtle: true, size: 'sm', onClick: () => Events.applyHistoryPreset('clear') }),
UI.button({ text: 'Done', variant: 'secondary', size: 'sm', onClick: () => { pop?.remove(); state.dom.filtersPopover = null; } })
UI.button({ text: 'Done', variant: 'secondary', size: 'sm', onClick: () => { try { pop?.dispatchEvent(new CustomEvent('pqueue-close', { bubbles: true })); } catch (err) {} } })
])
]);