templates/Snippets/info-modal.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('Layout/includes/css.html.twig') }}
  3.     {{ include('Layout/includes/encore.html.twig', {
  4.         'staticDebugMode': staticDebugMode,
  5.         'file': 'js/content'
  6.     }) }}
  7. {% endif %}
  9. {% if not editmode %}
  10. <div class="modal fade js-info-modal" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">
  11.     {% endif %}
  12.     <div class="modal-dialog info-modal__dialog modal-dialog-centered" role="document">
  13.         <div class="modal-content info-modal__content">
  14.             <div class="modal-body info-modal__body">
  15.                 <button type="button" class="btn btn-icon info-modal__close" data-dismiss="modal" aria-label="Close">
  16.                     <span class="icon icon-close-thin" aria-label="Close"></span>
  17.                 </button>
  18.                 <div class="embed-responsive embed-responsive-8by3">
  20.                     {% if not pimcore_image('image').empty %}
  21.                         {% set description = getImageDescription(pimcore_image('image').image) %}
  22.                     {% endif %}
  24.                     {% if not editmode %}
  25.                         {{ pimcore_image('image', {
  26.                             thumbnail: 'info-modal-image',
  27.                             imgAttributes: {
  28.                                 class: 'embed-responsive-item',
  29.                                 loading: 'eager'
  30.                             },
  31.                             pictureAttributes: {
  32.                                 fetchpriority: 'high',
  33.                             },
  34.                             lowQualityPlaceholder: true,
  35.                             title: description|default(''),
  36.                             alt: description|default(''),
  37.                         })|raw }}
  38.                     {% endif %}
  40.                     {{ pimcore_image('image', {
  41.                         thumbnail: 'info-modal-image',
  42.                         imgAttributes: {
  43.                             class: 'embed-responsive-item',
  44.                             loading: 'eager'
  45.                         },
  46.                         title: description|default(''),
  47.                         alt: description|default(''),
  48.                     })|raw }}
  49.                 </div>
  51.                 <div class="info-modal__container vertical-gutter--4">
  52.                     <div class="info-modal__title font-default-bold vertical-gutter__item">
  53.                         {{ pimcore_input('headline') }}
  54.                     </div>
  55.                     <div class="info-modal__text wysiwyg vertical-gutter__item">
  56.                         {{ pimcore_wysiwyg('content') | raw }}
  57.                     </div>
  58.                     {{ pimcore_link('link', {'class': 'btn btn-primary-light vertical-gutter__item'}) }}
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </div>
  63.     {% if not editmode %}
  64. </div>
  65. {% endif %}