Simplified user-defined modal integration. Fixes GH-255

Daveiano · Nov 23, 2024 · a687cff · a687cff
1 parent a5ad537
commit a687cff
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/changelog.md b/changelog.md
@@ -941,3 +941,4 @@ index 465d4ad..aa8bad6 100644
 - Fixed gauge label decoding. GH-271
 - Add Moon phases and planet name translations GH-264
 - Added option to only color the text in the colored temperatur stat tile GH-243
+- Simplified adding of user defined modals GH-255
diff --git a/skins/weewx-wdc/includes/footer.inc b/skins/weewx-wdc/includes/footer.inc
@@ -48,3 +48,16 @@
     </div>
   </div>
 </div>
+
+<!-- User modal -->
+<script type="text/javascript">
+  document
+    .querySelectorAll('[id^=user-modal-button]')
+    .forEach((button) => {
+      button.addEventListener('click', (event) => {
+        const modalButton = event.target.closest('[id^=user-modal-button]');
+        const modalContentId = modalButton.id.replace('button', 'content');
+        document.getElementById(modalContentId).open = true;
+      }, true);
+    });
+</script>