templates/Webcam/detail.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  3. {% block content %}
  4.     {{ include('Navigation/breadcrumb.html.twig') }}
  6.     {{ include('Includes/main-title-block-editable.html.twig', {
  7.         styleModifier: 'container-sm text-center'
  8.     }) }}
  10.     {{ include('Includes/areablock.html.twig') }}
  12.     <div class="container container-sm content-block">
  13.         <div class="row vertical-gutter--4 justify-content-center">
  14.             {% for webcam in webcams %}
  15.                 {% if webcam.webcamType in ['Panomax', 'Panocloud', 'iFrame'] %}
  16.                     {% set url = webcam.iFrameUrl %}
  17.                 {% else %}
  18.                     {% set url = "https://webtv.feratel.com/webtv/?design=v5" ~ ( not webcam.feratelRemovePGParam ? "&pg=63EC2CEF-349C-4921-B13D-6C0600312A71" : '') ~ "&cam=" ~ webcam.fid %}
  19.                 {% endif %}
  20.                 <div class="col-md-{{ webcam.webcamType in ['Panomax', 'Panocloud'] ? '12' : '6'}} vertical-gutter__item">
  21.                     <section class="lightbox-teaser cursor-pointer teaser-animation js-lightbox" data-lightbox-video="false"> {#{{ isLightbox ? 'js-lightbox' : ''}}#}
  22. {#                        {% if webcam.webcamType == 'Panomax' %}#}
  23.                             <div class="js-lightbox__item" data-sub-html='' data-iframe="true" data-src="{{ url }}">
  24.                                 {% set previewImage = webcam.image_override ?: webcam.image %}
  25.                                 {% if webcam.webcamType in ['Panomax', 'Panocloud'] %}
  26.                                     {{ _self.content("15by4 embed-responsive-20by11-xs", "lightbox-teaser-lg", webcam.region.name, webcam.name, previewImage) }}
  27.                                 {% else %}
  28.                                     {{ _self.content("20by11", "lightbox-teaser", webcam.region.name, webcam.name, previewImage) }}
  29.                                 {% endif %}
  30.                             </div>
  31. {#                        {% else %}#}
  32. {#                            <a href="{{ url }}" target="_blank">#}
  33. {#                                {{ _self.content("20by11", "lightbox-teaser", webcam.region.name, webcam.name) }}#}
  34. {#                            </a>#}
  35. {#                        {% endif %}#}
  36.                     </section>
  38.                     {% macro content(aspectRatio, thumbnail, subtitle, title, image) %}
  39.                         <div class="embed-responsive embed-responsive-{{ aspectRatio }}">
  40.                             {{ image.thumbnail(thumbnail).html({
  41.                                 imgAttributes: {
  42.                                     class: 'embed-responsive-item js-lazy-img teaser-animation__img'
  43.                                 },
  44.                                 lowQualityPlaceholder: true
  45.                             })|raw }}
  46.                         </div>
  48.                         <button type="button" class="btn btn-white icon-btn icon-btn--lg icon-btn--centered"><span class="icon icon-webcams icon-btn__icon" aria-label="open lightbox" title="open lightbox"></span></button>
  50.                         <div class="lightbox-teaser__content">
  51.                             {{ subtitle }}
  52.                             <h3 class="mt-1 mb-0 lightbox-teaser__content__title">{{ title }}</h3>
  53.                         </div>
  54.                     {% endmacro %}
  56.                 </div>
  57.             {% endfor %}
  58.         </div>
  59.     </div>
  61.     {{ include('Includes/areablock.html.twig', {'areaName': 'bottomContent'}) }}
  64. {% endblock %}
  65.     {% block javascripts %}
  66.         {% if not app.request.get('onlyInlineCss') %}
  67.         {{ include('Layout/includes/encore.html.twig', {
  68.             'staticDebugMode': staticDebugMode,
  69.             'file': 'js/webcams'
  70.         }) }}
  71.         {% endif %}
  72.     {% endblock %}