diff --git a/resources/js/singles/article-toolbar.ts b/resources/js/singles/article-toolbar.ts new file mode 100644 index 0000000..687ecf3 --- /dev/null +++ b/resources/js/singles/article-toolbar.ts @@ -0,0 +1,21 @@ +export function handleArticleToolbar() { + observeTabsButtons(); +} + +function observeTabsButtons(): void { + const toolbarButtons = document.querySelectorAll('#article-toolbar button'); + + toolbarButtons.forEach((toolbarButton) => { + toolbarButton.addEventListener('click', () => { + resetToolbarButtons(); + toolbarButton.setAttribute('aria-selected', 'true'); + }); + }); +} + +function resetToolbarButtons(): void { + const toolbarButtons = document.querySelectorAll('#article-toolbar button'); + toolbarButtons.forEach((toolbarButton) => { + toolbarButton.setAttribute('aria-selected', 'false'); + }); +}