src/Notaris/FrontendBundle/Resources/views/module/mod_tv.html.twig line 1

Open in your IDE?
  1. <div id="notaristv" class="o-grid u-clearfix">
  2.     <a href="{{ path('notaris_frontend_tv') }}" title="{{'mn_tv'|trans}}" class="o-grid__item o-grid__item__heading o-grid__item--nohover js-hover-showhide js-fednotlink" data-type="notaristv">
  4.         <h2 class="u-color-white u-text-upper o-grid__item__title js-hover-showhide-text u-opacity-onhover u-opacity-onhover-full u-text-center u-margin-bottom-tiny u-padding-bottom-none">{{'sv_notaristv'|trans}}</h2>
  5.         <p class="u-color-white o-grid__item__title js-hover-showhide-text u-opacity-onhover u-opacity-onhover-none u-h3 u-text-center u-padding-top-none">{{ 'tv_cta' | trans }}</p>
  6.     </a>
  7.     {% for video in videos | slice(0,1) %}
  8.         {% set subslug = '' %}
  9.         {% if video.primarySubsite and video.primarySubsite.isActive %}
  10.             {% set subslug = video.primarySubsite.slug %}
  11.         {% else %}
  12.             {% for subsite in video.subsites | slice(0,1) %}
  13.                 {% set subslug = subsite.subsite.slug %}
  14.             {% endfor %}
  15.         {% endif %}
  16.         {% if video.isVaria and video.isVariaPrimary %}
  17.             {% set subslug = 'tv_varia'|trans %}
  18.         {% endif %}
  19.     <a href="{% if subslug != '' %}{{ path('notaris_frontend_tv_detail_video', {'slug': subslug, 'slugvideo': video.slug}) }}{% endif %}" title="" class="o-grid__item o-object-fit js-fednotlink {% if video.asset.assetImages | length == 0 %}o-grid__item--nooverlay{% endif %}" data-type="notaristv">
  20.         {% if video.asset.assetImages | length > 0 %}
  21.             {% set image_path = 'uploads/'~ locale ~ '/' ~ video.asset.assetImages[0].image.filename %}
  22.             {{image_path | responsive_image_source([448, 353, 436], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 448px, (min-width: 768px and max-width: 960px) 353px, (min-width: 480px and max-width: 768px) 436px, (max-width: 480px) 100vw', 'alt': video.title, 'title': video.title}) }}
  23.         {% endif %}
  24.         <div class="o-grid__item__overlay">
  25.             <div class="o-grid__item__overlay__title">
  26.                 <h3 class="u-color-white u-h4 u-text-light">{{ video.title }}</h3>
  27.             </div>
  28.             <button class="c-btn c-btn--icon c-btn--icon--large c-btn__play">
  29.                 <svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><style>.z{fill:#FFF;}</style><path class="z" d="M1576 927L248 1665q-23 13-39.5 3t-16.5-36V160q0-26 16.5-36t39.5 3l1328 738q23 13 23 31t-23 31z" fill="true"/></svg>
  30.             </button>
  31.         </div>
  32.     </a>
  33.     {% endfor %}
  34.     <a href="{{ path('notaris_frontend_tv') }}" title="{{'mn_tv'|trans}}" class="o-grid__item o-grid__item--more o-grid__item--nohover js-hover-showhide js-fednotlink u-hidden@mobile" data-type="notaristv">
  35.         <div class="c-dots c-dots--full">
  36.             <div class="c-dots__wrapper">
  37.                 <span class="c-dots__dot">&nbsp;</span>
  38.                 <span class="c-dots__dot">&nbsp;</span>
  39.                 <span class="c-dots__dot">&nbsp;</span>
  40.             </div>
  41.         </div>
  42.     </a>
  43. </div>
  44. <div class="c-divider">&nbsp;</div>