diff options
Diffstat (limited to 'web_src/js/htmx.ts')
-rw-r--r-- | web_src/js/htmx.ts | 33 |
1 files changed, 19 insertions, 14 deletions
diff --git a/web_src/js/htmx.ts b/web_src/js/htmx.ts index c23c3a21fa..9d433dfd57 100644 --- a/web_src/js/htmx.ts +++ b/web_src/js/htmx.ts @@ -1,21 +1,26 @@ -import {showErrorToast} from './modules/toast.ts'; +import htmx from 'htmx.org'; import 'idiomorph/htmx'; import type {HtmxResponseInfo} from 'htmx.org'; +import {showErrorToast} from './modules/toast.ts'; type HtmxEvent = Event & {detail: HtmxResponseInfo}; -// https://htmx.org/reference/#config -window.htmx.config.requestClass = 'is-loading'; -window.htmx.config.scrollIntoViewOnBoost = false; +export function initHtmx() { + window.htmx = htmx; + + // https://htmx.org/reference/#config + htmx.config.requestClass = 'is-loading'; + htmx.config.scrollIntoViewOnBoost = false; -// https://htmx.org/events/#htmx:sendError -document.body.addEventListener('htmx:sendError', (event: Partial<HtmxEvent>) => { - // TODO: add translations - showErrorToast(`Network error when calling ${event.detail.requestConfig.path}`); -}); + // https://htmx.org/events/#htmx:sendError + document.body.addEventListener('htmx:sendError', (event: Partial<HtmxEvent>) => { + // TODO: add translations + showErrorToast(`Network error when calling ${event.detail.requestConfig.path}`); + }); -// https://htmx.org/events/#htmx:responseError -document.body.addEventListener('htmx:responseError', (event: Partial<HtmxEvent>) => { - // TODO: add translations - showErrorToast(`Error ${event.detail.xhr.status} when calling ${event.detail.requestConfig.path}`); -}); + // https://htmx.org/events/#htmx:responseError + document.body.addEventListener('htmx:responseError', (event: Partial<HtmxEvent>) => { + // TODO: add translations + showErrorToast(`Error ${event.detail.xhr.status} when calling ${event.detail.requestConfig.path}`); + }); +} |