Solved identifier bug

app/static/js/modal.js

@@ -1,10 +1,45 @@
 function openDynamicPopup(subitem) {
-    // Set modal title and content
+  // Setze den Titel
   document.getElementById('dynamicModalLabel').innerText = subitem.description;
-    const modalContent = document.getElementById('dynamicModalContent');
-    modalContent.value = subitem.identifier;
 
-    // Add copy functionality
+  // Setze den Identifier, falls vorhanden
+  const modalContent = document.getElementById('dynamicModalContent');
+  if (subitem.identifier) {
+      modalContent.value = subitem.identifier;
+  } else {
+      modalContent.value = '';
+  }
+
+  // Konfiguriere die Warnbox
+  const warningBox = document.getElementById('dynamicModalWarning');
+  if (subitem.warning) {
+      warningBox.classList.remove('d-none');
+      document.getElementById('dynamicModalWarningText').innerText = subitem.warning;
+  } else {
+      warningBox.classList.add('d-none');
+  }
+
+  // Konfiguriere die Infobox
+  const infoBox = document.getElementById('dynamicModalInfo');
+  if (subitem.info) {
+      infoBox.classList.remove('d-none');
+      document.getElementById('dynamicModalInfoText').innerText = subitem.info;
+  } else {
+      infoBox.classList.add('d-none');
+  }
+
+  // Konfiguriere den Link
+  const linkBox = document.getElementById('dynamicModalLink');
+  const linkHref = document.getElementById('dynamicModalLinkHref');
+  if (subitem.url) {
+      linkBox.classList.remove('d-none');
+      linkHref.href = subitem.url;
+  } else {
+      linkBox.classList.add('d-none');
+      linkHref.href = '#';
+  }
+
+  // Kopierfunktion für den Identifier
   document.getElementById('dynamicCopyButton').addEventListener('click', function () {
       modalContent.select();
       navigator.clipboard.writeText(modalContent.value)
@@ -12,7 +47,7 @@ function openDynamicPopup(subitem) {
           .catch(() => alert('Failed to copy content.'));
   });
 
-    // Show the modal
+  // Modal anzeigen
   const modal = new bootstrap.Modal(document.getElementById('dynamicModal'));
   modal.show();
 }

app/templates/moduls/modal.html.j2

@@ -1,4 +1,3 @@
-<!-- Universal Modal Structure -->
 <div class="modal fade" id="dynamicModal" tabindex="-1" aria-labelledby="dynamicModalLabel" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
@@ -7,10 +6,23 @@
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
-        <div class="input-group">
+        <!-- Warnbox, falls vorhanden -->
+        <div id="dynamicModalWarning" class="alert alert-warning d-none" role="alert">
+          <i class="fa-solid fa-triangle-exclamation"></i> <span id="dynamicModalWarningText"></span>
+        </div>
+        <!-- Infobox, falls vorhanden -->
+        <div id="dynamicModalInfo" class="alert alert-info d-none" role="alert">
+          <i class="fa-solid fa-circle-info"></i> <span id="dynamicModalInfoText"></span>
+        </div>
+        <!-- Eingabebox für Identifier -->
+        <div class="input-group mt-2">
           <input type="text" id="dynamicModalContent" class="form-control" readonly>
           <button class="btn btn-outline-secondary" type="button" id="dynamicCopyButton">Copy</button>
         </div>
+        <!-- Link, falls vorhanden -->
+        <div id="dynamicModalLink" class="mt-3 d-none">
+          <a href="#" target="_blank" class="btn btn-primary w-100" id="dynamicModalLinkHref">Open Link</a>
+        </div>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>