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

Open in your IDE?
  1. {% set thumbnailNamePrefix = wide is defined and wide == true ? 'demi-desktop-gallery-wide' : 'demi-desktop-gallery' %}
  3. <div class="embed-responsive embed-responsive-detail-gallery mb30">
  4.     <script data-cookieconsent="ignore">
  5.         _config.lightbox = true;
  6.         _config.lazyImg = true;
  7.     </script>
  8.     <div class="embed-responsive-item">
  9.         <div class="row detail-gallery__row">
  10.             <div class="col-6 d-flex">
  11.                 {%  set imageUrl = demi_demiUrl({
  12.                     'path': 'demi',
  13.                     'imageId': images[0].getId(),
  14.                     'objectId': -1,
  15.                     'dateFrom': null,
  16.                     'thumbnail': thumbnailNamePrefix ~ '-5',
  17.                 }, 'demi_image') %}
  18.                 <a href="{{ images[0].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  19.                    aria-label="{{ "demi.detail.open-gallery"|trans }}"
  20.                 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"
  21.                 data-lightbox-thumb="{{ images[0].getThumbnail(thumbnailNamePrefix ~ '-5')|raw }}"
  22.                 data-sub-html="{{ demi_getNameAndCopyrightForImage(images[0]) }}"
  23.                 data-img-url="{{ imageUrl }}">
  24.                 <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  25.                 <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  26.             </div>
  27.             </a>
  28.         </div>
  29.         {% if images|length == 4 %}
  30.         <div class="col-6 h-100">
  31.             <div class="row h-100">
  32.                 <div class="col-12 mb30 d-flex">
  33.                     {%  set imageUrl = demi_demiUrl({
  34.                         'path': 'demi',
  35.                         'imageId': images[1].getId(),
  36.                         'objectId': -1,
  37.                         'dateFrom': null,
  38.                         'thumbnail': thumbnailNamePrefix ~ '-4',
  39.                     }, 'demi_image') %}
  40.                     <a href="{{ images[1].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  41.                        aria-label="{{ "demi.detail.open-gallery"|trans }}"
  42.                     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"
  43.                     data-lightbox-thumb="{{ images[1].getThumbnail(thumbnailNamePrefix ~ '-4')|raw }}"
  44.                     data-sub-html="{{ demi_getNameAndCopyrightForImage(images[1]) }}"
  45.                     data-img-url="{{ imageUrl }}">
  46.                     <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  47.                     <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  48.                 </div>
  49.                 </a>
  50.             </div>
  51.             <div class="col-6 d-flex">
  52.                 {%  set imageUrl = demi_demiUrl({
  53.                     'path': 'demi',
  54.                     'imageId': images[2].getId(),
  55.                     'objectId': -1,
  56.                     'dateFrom': null,
  57.                     'thumbnail': thumbnailNamePrefix ~ '-3',
  58.                 }, 'demi_image') %}
  59.                 <a href="{{ images[2].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  60.                    aria-label="{{ "demi.detail.open-gallery"|trans }}"
  61.                 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"
  62.                 data-lightbox-thumb="{{ images[2].getThumbnail(thumbnailNamePrefix ~ '-3')|raw }}"
  63.                 data-sub-html="{{ demi_getNameAndCopyrightForImage(images[2]) }}"
  64.                 data-img-url="{{ imageUrl }}">
  65.                 <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  66.                 <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  67.             </div>
  68.             </a>
  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 ~ '-3',
  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__img3 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  81.             data-lightbox-thumb="{{ images[3].getThumbnail(thumbnailNamePrefix ~ '-3')|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>
  90. </div>
  91. </div>
  92. {% else %}
  93. <div class="col-6 d-flex">
  94.     {%  set imageUrl = demi_demiUrl({
  95.         'path': 'demi',
  96.         'imageId': images[1].getId(),
  97.         'objectId': -1,
  98.         'dateFrom': null,
  99.         'thumbnail': thumbnailNamePrefix ~ '-5',
  100.     }, 'demi_image') %}
  101.     <a href="{{ images[1].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  102.        aria-label="{{ "demi.detail.open-gallery"|trans }}"
  103.     class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img1 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  104.     data-lightbox-thumb="{{ images[1].getThumbnail(thumbnailNamePrefix ~ '-5')|raw }}"
  105.     data-sub-html="{{ demi_getNameAndCopyrightForImage(images[1]) }}"
  106.     data-img-url="{{ imageUrl }}">
  107.     <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  108.     <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  109. </div>
  110. </a>
  111. </div>
  112. {% endif %}
  113. </div>
  114. </div>
  115. </div>