aboutsummaryrefslogtreecommitdiffstats
path: root/web_src/js/htmx.ts
diff options
context:
space:
mode:
Diffstat (limited to 'web_src/js/htmx.ts')
-rw-r--r--web_src/js/htmx.ts33
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}`);
+ });
+}