Split modal javascript to separate file

Author: crnh

_includes/mdr-modal.html

@@ -24,19 +24,4 @@ <h5 class="modal-title fs-5" id="mdr-modal-label">Terms of Use</h5>
     </div>
 </div>
 
-<script>
-    (function () {
-        const sessionStorageKey = 'shown-mdr-modal-' + window.location.pathname;
-
-        document.addEventListener('DOMContentLoaded', function () {
-            if (sessionStorage.getItem(sessionStorageKey) != 'true') {
-                let mdrModal = new bootstrap.Modal(document.getElementById('mdr-modal'));
-                mdrModal.show();
-            }
-        });
-        
-        document.getElementById('dismiss-mdr-modal').addEventListener('click', function () {
-            sessionStorage.setItem(sessionStorageKey, 'true');
-        });
-    })();
-</script>
+<script src="/_includes/mdr.js" defer></script>

_includes/mdr.js

@@ -0,0 +1,14 @@
+(function () {
+    const sessionStorageKey = 'shown-mdr-modal-' + window.location.pathname;
+
+    document.addEventListener('DOMContentLoaded', function () {
+        if (sessionStorage.getItem(sessionStorageKey) != 'true') {
+            let mdrModal = new bootstrap.Modal(document.getElementById('mdr-modal'));
+            mdrModal.show();
+        }
+    });
+
+    document.getElementById('dismiss-mdr-modal').addEventListener('click', function () {
+        sessionStorage.setItem(sessionStorageKey, 'true');
+    });
+})();

_quarto.yml

@@ -3,6 +3,7 @@ project:
   pre-render: python _scripts/generate-edit-url.py
   resources:
     - "edit.html"
+    - "_includes/mdr.js"
 
 website:
   title: "MReye demos"