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

Open in your IDE?
  1. <!-- NIEUWS - TABPANNEL -->
  2. <!-- @NOTE: toevoegen van o-tabpannel--themed voor ander kleur dan grijs -->
  3. {% if locale == 'nl' %}
  4.     {% set notarisslug = 'notaris' %}
  5. {% else %}
  6.     {% set notarisslug = 'notaire' %}
  7. {% endif %}
  8. <div id="news" class="o-tabpannel u-clearfix js-tabpannel" data-type="news">
  9.     <div class="o-tabpannel__navigation">
  10.         <a href="{{ path('notaris_frontend_news') }}" class="c-links__item c-btn c-btn--full u-text-left u-bg-primary o-tabpannel--themed u-margin-bottom-none js-fednotlink">
  11.             <h2 class="u-h4 c-links__title u-text-upper u-color-white u-text-bold u-margin-bottom-none">{{ "mn_nieuws_sven" | trans }}</h2>
  12.             <img src="/assets/images/icons/icon-news.svg" alt="{{ "mn_nieuws_sven" | trans }}">
  13.         </a>
  16.         <div class="o-tabpannel__navigation__items">
  17.             {% for newsitem in news %}
  18.                 <a href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}" data-index="{{loop.index0}}" title="{{ newsitem.title }}" class="o-tabpannel__item o-tabpannel__item--nohovermobile u-color-black {% if loop.first %}active{% endif %} js-tabpannel-navigation">
  19.                     <small>{{ newsitem.publicationDate | localdate }}</small>
  21.                     <h2 class="u-h3">
  22.                         {% if newsitem.isPers %}
  23.                             <div class="c-tooltip c-tooltip--top-to-right u-text-inline">
  24.                                 <span class="u-bg-primary u-color-white o-tabpannel__label">{{ 'nw_pm' | trans }}</span>
  25.                                 <p class="c-tooltip__news">{{ 'nw_pm_meaning' | trans }}</p>
  26.                             </div>
  27.                         {% endif %}
  28.                         {{ newsitem.title }}
  29.                     </h2>
  30.                 </a>
  31.             {% endfor %}
  32.             <a href="#!" title="{{ "nw_nieuwsbrief" | trans | capitalize }}" class="o-flag c-btn c-btn--tiny c-btn--secondary c-btn--icon o-flag--flush u-margin-top-tiny js-modal-navigation" data-modal="subscribe-newsletter">
  33.                 <span class="o-flag__body">{{ "nw_nieuwsbrief" | trans | upper }}</span>
  34.             </a>
  35.             {# <a href="#" title="RSS" target="_blank" target="_blank" class="o-flag c-btn c-btn--tiny c-btn--light c-btn--icon o-flag--flush u-margin-top-tiny">
  36.                 <figure class="o-flag__img u-padding-right-tiny">
  37.                     <?xml version="1.0" encoding="utf-8"?>
  38.                     <svg class="u-color-path-rss" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M576 1344q0 80-56 136t-136 56-136-56-56-136 56-136 136-56 136 56 56 136zm512 123q2 28-17 48-18 21-47 21h-135q-25 0-43-16.5t-20-41.5q-22-229-184.5-391.5t-391.5-184.5q-25-2-41.5-20t-16.5-43v-135q0-29 21-47 17-17 43-17h5q160 13 306 80.5t259 181.5q114 113 181.5 259t80.5 306zm512 2q2 27-18 47-18 20-46 20h-143q-26 0-44.5-17.5t-19.5-42.5q-12-215-101-408.5t-231.5-336-336-231.5-408.5-102q-25-1-42.5-19.5t-17.5-43.5v-143q0-28 20-46 18-18 44-18h3q262 13 501.5 120t425.5 294q187 186 294 425.5t120 501.5z" fill="true"/></svg>
  39.                 </figure>
  40.                 <span class="o-flag__body u-color-rss">RSS</span>
  41.             </a> #}
  42.         </div>
  43.     </div>
  45.     <div class="o-tabpannel__content u-hidden@mobile">
  46.         {% for newsitem in news %}
  47.             <div class="o-tabpannel__content__body{% if loop.first %} active{% endif %} u-wysiwyg js-tabpannel-content">
  48.                 <div class="o-tabpannel__content__body--max">
  49.                     <div class="o-tabpannel__content__title">
  50.                         {# <h3 class="u-h2 u-margin-bottom-tiny u-text-lineheight-normal o-tabpannel__content__labelwrapper">
  51.                             {% if newsitem.isPers %}
  52.                                 <span class="u-bg-primary u-color-white o-tabpannel__label">{{ 'nw_pm' | trans }}</span>
  53.                                 <span class="o-tabpannel__label--fake">&nbsp;</span>
  54.                             {% endif %}
  55.                             {{ newsitem.title }}
  56.                         </h3> #}
  57.                         <h1 class="u-h2 u-margin-bottom-tiny u-text-lineheight-semilarge o-tabpannel__content__labelwrapper">
  58.                             {% if newsitem.isPers %}
  59.                                 <div class="c-tooltip c-tooltip--bottom-to-right u-text-inline">
  60.                                     <span class="u-bg-primary u-color-white o-tabpannel__label c-tooltip__label">{{ 'nw_pm' | trans }}</span>
  61.                                     <p class="c-tooltip__news u-color-white">{{ 'nw_pm_meaning' | trans }}</p>
  62.                                 </div>
  63.                             {% endif %}
  64.                             {{ newsitem.title }}
  65.                         </h1>
  66.                         <p class="o-tabpannel__content__title__date">{{ newsitem.publicationDate | localdate }}</p>
  67.                         {% if newsitem.introduction != '' %}
  68.                             <p>{{ newsitem.introduction }}</p>
  69.                         {% endif %}
  70.                         {% if newsitem.subtitle != '' %}
  71.                             <h2 class="u-h4">{{ newsitem.subtitle }}</h2>
  72.                         {% endif %}
  73.                     </div>
  75.                     {#1 afbeelding met tekst#}
  76.                     {% if newsitem.asset is not null %}
  77.                         {% if newsitem.asset.assetImages is not null %}
  78.                             {% if newsitem.asset.assetImages | length == 1 and newsitem.text != '' %}
  79.                                 {% set image = newsitem.asset.assetImages[0] %}
  80.                                 {% set image_path = 'uploads/'~ image.image.locale ~ image.image.filename %}
  81.                                 {#<a href="/{{image_path}}" {% if image.image.caption is not null %}title="{{image.image.caption}}" {% endif %}rel="js-fancybox-{{newsitem.id}}" class="o-tabpannel__content__imagelink js-fancybox">#}
  82.                                 <a href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}" class="o-tabpannel__content__imagelink">
  83.                                     {{ image_path | responsive_image_source([301,238], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 301px, (min-width: 768px and max-width: 960px) 238px', 'alt': image.image.alt}) }}
  84.                                 </a>
  85.                             {% endif %}
  86.                         {% endif %}
  87.                     {% endif %}
  89.                     {{ newsitem.text | raw }}
  91.                     {#reeks afbeeldingen#}
  92.                     {% if newsitem.asset is not null %}
  93.                         {% if newsitem.asset.assetImages is not null %}
  94.                             {% if not(newsitem.asset.assetImages | length == 1 and newsitem.text != '') %}
  95.                                 {% for image in newsitem.asset.assetImages %}
  96.                                     {% set image_path = 'uploads/'~ image.image.locale  ~ image.image.filename %}
  97.                                     {#<a href="/{{image_path}}" {% if image.image.caption is not null %}title="{{image.image.caption}}" {% endif %}rel="js-fancybox-{{newsitem.id}}" class="js-fancybox u-display--inlineblock u-margin-bottom-small">#}
  98.                                     <a href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}">
  99.                                         {{ image_path | responsive_image_source([710,477], {'filterset': 'responsive_article_image', 'sizes': '(min-width: 960px) 710px, (min-width: 768px and max-width: 960px) 477px', 'alt': image.image.alt}) }}
  100.                                         {% if image.image.caption is not null %}
  101.                                             <p class="u-margin-top-tiny">{{ image.image.caption }}</p>
  102.                                         {% endif %}
  103.                                     </a>
  104.                                 {% endfor %}
  105.                             {% endif %}
  106.                         {% endif %}
  107.                     {% endif %}
  109.                     {% if newsitem.asset is not null and newsitem.asset.assetVideoPaths | length > 0 %}
  110.                         <div>
  111.                             {% for video in newsitem.asset.assetVideoPaths %}
  112.                                 {% if video.videoPath.youtube is not null and video.videoPath.youtube != '' %}
  113.                                     <a href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}">
  114.                                         <img class="youtube-thumb" src="https://img.youtube.com/vi/{{ video.videoPath.youtube |replace({'/': '' }) }}/maxresdefault.jpg">
  115.                                     </a>
  116.                                     {#<iframe class="o-tabpannel__content__youtube js-tabpannel-youtube u-margin-bottom-small" frameborder="0" allowfullscreen="1" title="YouTube video player" width="490" height="280" src="https://www.youtube-nocookie.com/embed/{{ video.videoPath.youtube }}?enablejsapi=1&widgetid=1&rel=0" kwframeid="2"></iframe>#}
  117.                                 {% endif %}
  118.                                 {% if video.videoPath.path is not null and video.videoPath.path != '' %}
  119.                                     <video class="o-tabpannel__content__video js-tabpannel-video u-margin-bottom-small" controls>
  120.                                         <source src="/video/{{ locale }}/{{ video.videoPath.path }}">
  121.                                     </video>
  122.                                 {% endif %}
  123.                             {% endfor %}
  124.                         </div>
  125.                     {% endif %}
  129.                     {% if newsitem.asset and (newsitem.asset.assetLinks | length > 0 or newsitem.asset.assetAttachments | length > 0) %}
  130.                         <ul class="u-margin-bottom-small">
  131.                             {% for link in newsitem.asset.assetLinks %}
  132.                                 <li><a href="{{ link.link.url }}" title="{{ link.link.title }}" {% if link.link.newWindow %}target="_blank"{% endif %}>{{ link.link.title }}</a></li>
  133.                             {% endfor %}
  134.                             {% for attachment in newsitem.asset.assetAttachments %}
  135.                                 {% set fileType = attachment.attachment.filename | split('.') %}
  136.                                 {% set fileType = fileType | last | upper %}
  137.                                 {% set title = attachment.attachment.title %}
  138.                                 {% if title == '' %}
  139.                                     {% set title = attachment.attachment.originalFilename %}
  140.                                 {% endif %}
  141.                                 {% set foo = attachment.attachment.filename|split('/', 2) %}
  142.                                 {% if foo | length >= 1 %}{% set filename = foo[1] %}{% endif %}
  143.                                 {%  if filename is defined %}
  144.                                 <li><a href="/download/{{ filename | url_encode }}" title="{{ title }}">{{ title }} ({{ fileType  }} {{ attachment.attachment.byte | bfos_format_bytes | replace({'.':','}) }})</a></li>
  145.                                 {% endif %}
  146.                             {% endfor %}
  147.                         </ul>
  148.                     {% endif %}
  150.                     {% if newsitem.tags | length > 0 %}
  151.                         <div class="c-tags u-margin-top-small js-tags">
  152.                             {% for tag in newsitem.tags %}
  153.                                 <a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug}) }}" title="{{ tag.name }}" class="c-tags__item"><small>{{ tag.name }}</small></a>
  154.                             {% endfor %}
  155.                         </div>
  156.                     {% endif %}
  158.                     {% if newsitem.source != '' %}
  159.                         <p class="u-margin-top-tiny">{{ 'nw_bron' | trans }}: {{ newsitem.source }}</p>
  160.                     {% endif %}
  161.                     {% if newsitem.author != '' %}
  162.                         <p class="u-margin-top-tiny">Auteur: {{ newsitem.author }}</p>
  163.                     {% endif %}
  165.                 </div>
  167.                 {#<div class="o-tabpannel__more u-text-center">#}
  168.                     {#<a href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}" class="o-tabpannel__more__button c-btn--empty u-margin-left-auto u-margin-right-auto js-tabpannel-more">#}
  169.                         {#<img src="/assets/images/font-awesome-svg/angle-down.svg" alt="{{ 'home_meer_nieuws' | trans }}"/>#}
  170.                     {#</a>#}
  171.                 {#</div>#}
  173.                 <div class="o-tabpannel__content__readmore">
  174.                     <a class="o-flag c-btn c-btn--tiny c-btn--primary c-btn--icon o-flag--flush u-margin-top-tiny u-color-white" href="{{ path('notaris_frontend_news_detail', { 'slug': newsitem.slug} ) }}">{{ 'nw_read_more' | trans }}</a>
  175.                 </div>
  176.             </div>
  177.         {% endfor %}
  181.     </div>
  183.     <div class="c-popup c-popup--newsletter js-modal js-modal-newsletter" id="subscribe-newsletter">
  184.         <div class="c-popup__wrapper">
  185.             <div class="c-popup__close c-popup__close--border u-text-right">
  186.                 <button class="js-modal-close c-btn--empty c-btn__close">
  187.                 </button>
  188.             </div>
  189.             <div class="c-popup__body">
  190.                 {{ include('@NotarisFrontend/module/mod_subscription.html.twig', {'extralink': true}) }}
  191.             </div>
  192.         </div>
  193.     </div>
  194. </div>
  195. <div class="c-divider">&nbsp;</div>