From 063d8ef9eaf874a941f4459e831057dd0a1b7ddd Mon Sep 17 00:00:00 2001
From: Joris
Date: Tue, 5 Jul 2022 21:55:41 +0200
Subject: Rewrite in TS

---
 src/lib/modal.ts | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/lib/modal.ts

(limited to 'src/lib/modal.ts')

diff --git a/src/lib/modal.ts b/src/lib/modal.ts
new file mode 100644
index 0000000..8454e1c
--- /dev/null
+++ b/src/lib/modal.ts
@@ -0,0 +1,28 @@
+import { h } from 'lib/h'
+import * as Button from 'lib/button'
+
+export function show(content: Element) {
+  document.body.appendChild(h('div',
+    { id: 'g-Modal' },
+    h('div',
+      { className: 'g-Modal__Curtain',
+        onclick: () => hide()
+      }
+    ),
+    h('div',
+      { className: 'g-Modal__Window' },
+      Button.raw(
+        { className: 'g-Modal__Close',
+          onclick: () => hide()
+        },
+        'x'
+      ),
+      content
+    )
+  ))
+}
+
+export function hide() {
+  const modal = document.querySelector('#g-Modal')
+  modal && document.body.removeChild(modal)
+}
-- 
cgit v1.2.3