templates/partials/modal.html.twig line 1

Open in your IDE?
  1. <!-- templates/partials/modal.html.twig -->
  3. <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true">
  4.     <div class="modal-dialog modal-dialog-centered">
  5.         <div class="modal-content">
  6.             <div class="modal-header">
  7.                 <h5 class="modal-title" id="feedbackModalLabel">Hinweis</h5>
  8.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  9.             </div>
  10.             <div class="modal-body">
  11.                 {% for message in app.flashes('success') %}
  12.                     <div class="alert alert-success">{{ message }}</div>
  13.                 {% endfor %}
  15.                 {% for message in app.flashes('error') %}
  16.                     <div class="alert alert-danger">{{ message }}</div>
  17.                 {% endfor %}
  18.             </div>
  19.             <div class="modal-footer">
  20.                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">OK</button>
  21.             </div>
  22.         </div>
  23.     </div>
  24. </div>
  26. <script>
  27.     document.addEventListener('DOMContentLoaded', function () {
  28.         // Prüfen, ob es Flash-Nachrichten für 'success' oder 'error' gibt
  29.         if (document.querySelectorAll('.alert').length > 0) {
  30.             var feedbackModal = new bootstrap.Modal(document.getElementById('feedbackModal'));
  31.             feedbackModal.show();
  32.         }
  33.     });
  34. </script>