summaryrefslogtreecommitdiff
path: root/static/src/assets/main.js
diff options
context:
space:
mode:
Diffstat (limited to 'static/src/assets/main.js')
-rw-r--r--static/src/assets/main.js48
1 files changed, 48 insertions, 0 deletions
diff --git a/static/src/assets/main.js b/static/src/assets/main.js
new file mode 100644
index 0000000..7557f2b
--- /dev/null
+++ b/static/src/assets/main.js
@@ -0,0 +1,48 @@
+// showModal will create the modal structure the first time it is called.
+var modal, modalContent;
+const showModal = function() {
+ if (!modal) {
+ // make the modal
+ const modalClose = document.createElement('span');
+ modalClose.id = 'modal-close';
+ modalClose.innerHTML = '×';
+
+ modalContent = document.createElement('div');
+ modalContent.id = 'modal-content';
+
+ const modalBody = document.createElement('div');
+ modalBody.id = 'modal-body';
+ modalBody.appendChild(modalContent);
+ modalBody.appendChild(modalClose);
+
+ modal = document.createElement('div');
+ modal.id = 'modal';
+ modal.appendChild(modalBody);
+
+ // add the modal to the document
+ document.getElementsByTagName('body')[0].appendChild(modal);
+
+ // setup modal functionality
+ modalClose.onclick = function() {
+ modal.style.display = "none";
+ }
+ }
+
+ modalContent.innerHTML = '';
+ for (var i = 0; i < arguments.length; i++) {
+ modalContent.appendChild(arguments[i]);
+ }
+ modal.style.display = "block";
+
+ // When the user clicks anywhere outside of the modal, close it
+ window.onclick = function(event) {
+ if (event.target == modal) {
+ modal.style.display = "none";
+ window.onclick = undefined;
+ }
+ }
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+ console.log("DOM loaded");
+})