From 46544f58c6620e24b7795b294e8f308d6a28bf27 Mon Sep 17 00:00:00 2001
From: Gregor Kleen <kleen@cip.ifi.lmu.de>
Date: Sun, 10 Mar 2019 15:47:55 +0100
Subject: [PATCH] Initialize modals more precisely

---
 templates/table/layout.julius        |  2 +-
 templates/widgets/modal/modal.julius | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/templates/table/layout.julius b/templates/table/layout.julius
index 0012e69bb..51dad6a82 100644
--- a/templates/table/layout.julius
+++ b/templates/table/layout.julius
@@ -1,5 +1,5 @@
 document.addEventListener('DOMContentLoaded', function() {
-  var dbtIdent = #{String $ dbtIdent};
+  var dbtIdent = #{String dbtIdent};
   var headerDBTableShortcircuit = #{String (toPathPiece HeaderDBTableShortcircuit)};
   var selector = '#' + dbtIdent + '-table-wrapper';
   var wrapper = document.querySelector(selector);
diff --git a/templates/widgets/modal/modal.julius b/templates/widgets/modal/modal.julius
index 14a53bde7..c4db5c2ef 100644
--- a/templates/widgets/modal/modal.julius
+++ b/templates/widgets/modal/modal.julius
@@ -1,7 +1,9 @@
 document.addEventListener('DOMContentLoaded', function() {
-  // TODO: replace for loop with one precise query for this specific modal instance
-  var modalElements = Array.from(document.querySelectorAll('.modal'));
-  modalElements.forEach(function(modal) {
+  var modalIdent = #{String modalId};
+  var selector = '#modal-' + modalIdent;
+  var modal = document.querySelector(selector);
+
+  if (modal) {
     window.utils.setup('modal', modal);
-  });
+  }
 });