src/Elements/Bundle/DemiFrontendBundle/Resources/views/Accommodation/includes/acco-gallery-row-type1.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-8 d-flex">
  11.                 {%  set imageUrl = demi_demiUrl({
  12.                     'path': 'demi',
  13.                     'imageId': images[0].getId(),
  14.                     'objectId': -1,
  15.                     'dateFrom': null,
  16.                     'thumbnail': thumbnailNamePrefix ~ '-1',
  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__img1 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  21.                    data-lightbox-thumb="{{ images[0].getThumbnail('demi-desktop-gallery-overlay')|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 != 1 %}
  30.             <div class="col-4 h-100">
  31.                 <div class="row h-100">
  32.                     <div class="col-12 d-flex mb30">
  33.                         {%  set imageUrl = demi_demiUrl({
  34.                             'path': 'demi',
  35.                             'imageId': images[1].getId(),
  36.                             'objectId': -1,
  37.                             'dateFrom': null,
  38.                             'thumbnail': thumbnailNamePrefix ~ '-2',
  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__img2 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  43.                            data-lightbox-thumb="{{ images[1].getThumbnail(thumbnailNamePrefix ~ '-2')|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.                     {% if images[2] is defined %}
  52.                     <div class="col-12 d-flex">
  53.                         {% set imageUrl = demi_demiUrl({
  54.                             'path': 'demi',
  55.                             'imageId': images[2].getId(),
  56.                             'objectId': -1,
  57.                             'dateFrom': null,
  58.                             'thumbnail': thumbnailNamePrefix ~ '-2',
  59.                         }, 'demi_image') %}
  60.                         <a href="{{ images[2].getThumbnail('demi-desktop-gallery-overlay')|raw }}"
  61.                            aria-label="{{ "demi.detail.open-gallery"|trans }}"
  62.                            class="detail-gallery__img embed-responsive embed-responsive-detail-gallery__img2 btn-show-gallery-container js-lightbox-group__item js-lazy-img js-lazy-img--bg"
  63.                            data-lightbox-thumb="{{ images[2].getThumbnail(thumbnailNamePrefix ~ '-2')|raw }}"
  64.                            data-sub-html="{{ demi_getNameAndCopyrightForImage(images[2]) }}"
  65.                            data-img-url="{{ imageUrl }}>">
  66.                             <div class="btn-show-gallery btn-no-styling" title="{{ "demi.detail.open-gallery"|trans }}">
  67.                                 <span class="demi-icon demi-icon-search btn-show-gallery__icon" aria-hidden="true"></span>
  68.                             </div>
  69.                         </a>
  70.                     </div>
  71.                     {% endif %}
  72.                 </div>
  73.             </div>
  74.             {% endif %}
  75.         </div>
  76.     </div>
  77. </div>