src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/includes/acco-gallery-row-type2.html.twig line 1

Open in your IDE?
  1. {% set thumbnailNamePrefix = wide is defined and wide == true ? 'demi-desktop-gallery-wide' : 'demi-desktop-gallery' %}
  2. <div class="embed-responsive embed-responsive-detail-gallery mb30">
  3.     <script data-cookieconsent="ignore">
  4.         _config.lightbox = true;
  5.         _config.lazyImg = true;
  6.     </script>
  7.     <div class="embed-responsive-item">
  8.         <div class="row detail-gallery__row">
  9.             <div class="col-6 h-100">
  10.                 <div class="row h-100">
  11.                     <div class="col-6 d-flex mb30">
  12.                         {%  set imageUrl = demi_demiUrl({
  13.                             'path': 'demi',
  14.                             'imageId': images[0].getId(),
  15.                             'objectId': -1,
  16.                             'dateFrom': null,
  17.                             'thumbnail': thumbnailNamePrefix ~ '-3',
  18.                         }, 'demi_image') %}
  19.                         <a href="{{ images[0].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  20.                            aria-label="{{ "demi.detail.open-gallery"|trans }}"
  21.                         class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img3 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  22.                         data-lightbox-thumb="{{ images[0].getThumbnail(thumbnailNamePrefix ~ '-3')|raw }}"
  23.                         data-sub-html="{{ demi_getNameAndCopyrightForImage(images[0]) }}"
  24.                         data-img-url="{{ imageUrl }}">
  25.                         <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  26.                         <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  27.                     </div>
  28.                     </a>
  29.                 </div>
  30.                 <div class="col-6 d-flex mb30">
  31.                     {%  set imageUrl = demi_demiUrl({
  32.                         'path': 'demi',
  33.                         'imageId': images[1].getId(),
  34.                         'objectId': -1,
  35.                         'dateFrom': null,
  36.                         'thumbnail': thumbnailNamePrefix ~ '-3',
  37.                     }, 'demi_image') %}
  38.                     <a href="{{ images[1].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  39.                        aria-label="{{ "demi.detail.open-gallery"|trans }}"
  40.                     class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img3 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  41.                     data-lightbox-thumb="{{ images[1].getThumbnail(thumbnailNamePrefix ~ '-3')|raw }}"
  42.                     data-sub-html="{{ demi_getNameAndCopyrightForImage(images[1]) }}"
  43.                     data-img-url="{{ imageUrl }}">
  44.                     <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  45.                     <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  46.                 </div>
  47.                 </a>
  48.             </div>
  49.             <div class="col-12 d-flex">
  50.                 {%  set imageUrl = demi_demiUrl({
  51.                     'path': 'demi',
  52.                     'imageId': images[2].getId(),
  53.                     'objectId': -1,
  54.                     'dateFrom': null,
  55.                     'thumbnail': thumbnailNamePrefix ~ '-4',
  56.                 }, 'demi_image') %}
  57.                 <a href="{{ images[2].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  58.                    aria-label="{{ "demi.detail.open-gallery"|trans }}"
  59.                 class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img4 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  60.                 data-lightbox-thumb="{{ images[2].getThumbnail(thumbnailNamePrefix ~ '-4')|raw }}"
  61.                 data-sub-html="{{ demi_getNameAndCopyrightForImage(images[2]) }}"
  62.                 data-img-url="{{ imageUrl }}">
  63.                 <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  64.                 <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  65.             </div>
  66.             </a>
  67.         </div>
  68.     </div>
  69. </div>
  70. <div class="col-6 d-flex">
  71.     {%  set imageUrl = demi_demiUrl({
  72.         'path': 'demi',
  73.         'imageId': images[3].getId(),
  74.         'objectId': -1,
  75.         'dateFrom': null,
  76.         'thumbnail': thumbnailNamePrefix ~ '-5',
  77.     }, 'demi_image') %}
  78.     <a href="{{ images[3].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  79.        aria-label="{{ "demi.detail.open-gallery"|trans }}"
  80.     class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img5 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  81.     data-lightbox-thumb="{{ images[3].getThumbnail(thumbnailNamePrefix ~ '-5')|raw }}"
  82.     data-sub-html="{{ demi_getNameAndCopyrightForImage(images[3]) }}"
  83.     data-img-url="{{ imageUrl }}">
  84.     <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  85.     <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  86. </div>
  87. </a>
  88. </div>
  89. </div>
  90. </div>
  91. </div>