ui/twig/common/modal.html.twig line 1

Open in your IDE?
  1. {% set title = _args.title %}
  2. {% set transition = _args.transition|default('fade') %}
  3. {% set close = (_args.close is defined) ? (_args.close is same as(true)) : true %}
  4. {% set footer = (_args.footer is defined) ? (_args.footer is same as(true)) : true %}
  5. {% set htmlId = _args.htmlId %}
  6. {% set modalClass = _args.modalClass|default(null) %}
  7. {% set media = (_args.media is defined) ? (_args.media is same as(true)) : false %}
  8. {% set triggerHtmlId = _args.triggerHtmlId|default(null) %}
  9. {% set triggerOptions = _args.triggerOptions|default({}) %}
  11. <div class="modal {{ modalClass}} {{ transition }}" id="{{ htmlId }}">
  12.     <div class="modal-dialog {% if media %}modal-media{% endif %}">
  13.         <div class="modal-content">
  14.             <div class="modal-header">
  15.                 {% if media %}
  16.                     {% block header %}{% endblock %}
  17.                 {% endif %}
  18.                 {% if close %}
  19.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  20.                         <span aria-hidden="true">&times;</span>
  21.                     </button>
  22.                 {% endif %}
  23.                 <h4 class="modal-title">{{ title }}</h4>
  24.             </div>
  25.             <div class="modal-body">
  26.                 {% block body %}{% endblock %}
  27.             </div>
  28.             {% if footer %}
  29.                 <div class="modal-footer">
  30.                     {% block footer %}{% endblock %}
  31.                 </div>
  32.             {% endif %}
  33.         </div>
  34.     </div>
  35. </div>
  37. {% if triggerHtmlId is not empty %}
  38.     {% inline_script %}
  39.         <script>
  40.             $(function() {
  41.                 $('body').on('click', '#{{ triggerHtmlId }}', function (e) {
  42.                     $('#{{ htmlId }}').modal({{ triggerOptions|json_encode }});
  43.                     e.preventDefault();
  44.                     e.stopPropagation();
  45.                 });
  46.             });
  47.         </script>
  48.     {% endinline %}
  49. {% endif %}