1 files changed, 32 insertions, 0 deletions
diff --git a/web_src/js/modules/fomantic/dimmer.ts b/web_src/js/modules/fomantic/dimmer.ts
new file mode 100644
index 0000000000..e59b6e9eea
--- /dev/null
+++ b/web_src/js/modules/fomantic/dimmer.ts
@@ -0,0 +1,32 @@
+import $ from 'jquery';
+import {queryElemChildren} from '../../utils/dom.ts';
+
+export function initFomanticDimmer() {
+  // stand-in for removed dimmer module
+  $.fn.dimmer = function (arg0, arg1) {
+    if (arg0 === 'add content') {
+      const $el = arg1;
+      const existingDimmer = document.querySelector('body > .ui.dimmer');
+      if (existingDimmer) {
+        queryElemChildren(existingDimmer, '*', (el) => el.classList.add('hidden'));
+        this._dimmer = existingDimmer;
+      } else {
+        this._dimmer = document.createElement('div');
+        this._dimmer.classList.add('ui', 'dimmer');
+        document.body.append(this._dimmer);
+      }
+      this._dimmer.append($el[0]);
+    } else if (arg0 === 'get dimmer') {
+      return $(this._dimmer);
+    } else if (arg0 === 'show') {
+      this._dimmer.classList.add('active');
+      document.body.classList.add('tw-overflow-hidden');
+    } else if (arg0 === 'hide') {
+      const cb = arg1;
+      this._dimmer.classList.remove('active');
+      document.body.classList.remove('tw-overflow-hidden');
+      cb();
+    }
+    return this;
+  };
+}