src/Notaris/FrontendBundle/Resources/views/news/index.html.twig line 1

Open in your IDE?
  1. {% extends '@NotarisFrontend/layout2017.html.twig' %}
  4. {% if notaryId is defined %}
  5.     {% set headTitle = info.header1  | replace({"<BR />":" "}) ~ ' - ' ~  subsite.pageTitle %}
  6. {% else %}
  7.     {% set headTitle = subsite.pageTitle %}
  8.     {#{% if subsite.slug != 'nieuws-pers' and subsite.slug != 'nouveautes' %}#}
  9.     {% set headTitle = headTitle ~ " | " ~  'nw_header_news' | trans %}
  10.     {#{% endif %}#}
  11.     {% set headTitle = headTitle ~ ' ' ~ 'alg_basetitle' | trans %}
  12. {% endif %}
  14. {% block title %}
  15.         <title>{{ headTitle }}</title>
  16. {% endblock %}
  18. {% if subsite.slug == 'nieuws-pers' or subsite.slug == 'nouveautes' %}
  19.     {% set canonicallink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_news', {_locale: locale}) %}
  20. {% else %}
  21.     {% set canonicallink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite_news', {_locale: locale, subsiteslug: subsite.slug}) %}
  22. {% endif %}
  24. {% set linked_url_nl = url_nl ~ path('notaris_frontend_news.nl') %}
  25. {% set linked_url_fr = url_fr ~ path('notaris_frontend_news.fr') %}
  27. {% block extralinks %}
  28.     {% if subsite.slug == 'nieuws-pers' or subsite.slug == 'nouveautes' %}  {#for subsites i need to know the translation slug, no connection in database #}
  29.         {% set hreflang_start_nl = url_scheme ~ '://www.' ~ url_nl %}
  30.         {% set hreflang_start_x = url_scheme ~ '://www.' ~ url_nl %}
  31.         {% set hreflang_start_fr = url_scheme ~ '://www.' ~ url_fr %}
  32.         {% set xdef_lang = 'nl' %}
  34.         {% set hreflang_nl = hreflang_start_nl ~ path('notaris_frontend_news', {_locale: 'nl'}) %}
  35.         {% set hreflang_fr = hreflang_start_fr ~ path('notaris_frontend_news', {_locale: 'fr'}) %}
  37.         <link rel="alternate" hreflang="nl-be"
  38.               href="{{ hreflang_nl }}" />
  39.         <link rel="alternate" hreflang="fr-be"
  40.               href="{{ hreflang_fr }}" />
  42.         {% if notaryId is defined %}
  43.             {% if sites | length > 0 %}
  44.                 {% for key, site in sites %}
  45.                     {% if key == 'nl' %}
  46.                         {% set hreflang_start_nl = scheme_url ~ '://' ~ site %}
  47.                     {% endif %}
  48.                     {% if key == 'fr' %}
  49.                         {% set hreflang_start_fr = scheme_url ~ '://' ~ site %}
  50.                     {% endif %}
  51.                 {% endfor %}
  52.                 {% set hreflang_start_x = scheme_url ~ '://' ~ sites[notaryId.locale] %}
  53.                 {% set xdef_lang = notaryId.locale %}
  54.             {% endif %}
  56.             {% set hreflang_nl = hreflang_start_nl ~ path('notaris_frontend_news', {_locale: 'nl'}) %}
  57.             {% set hreflang_fr = hreflang_start_fr ~ path('notaris_frontend_news', {_locale: 'fr'}) %}
  59.             <link rel="alternate" hreflang="nl"
  60.                   href="{{ hreflang_nl }}" />
  61.             <link rel="alternate" hreflang="fr"
  62.                   href="{{ hreflang_fr }}" />
  63.         {% endif %}
  66.         {% set hreflang_x = hreflang_start_x ~ path('notaris_frontend_news', {_locale: xdef_lang}) %}
  68.         {#{% if ordertype != '' and currentpage == 0 %}#}
  69.             {#{% set hreflang_nl = hreflang_start_nl ~ path('notaris_frontend_news_order', {locale: 'nl', otype: ordertype}) %}#}
  70.             {#{% set hreflang_fr = hreflang_start_fr ~  path('notaris_frontend_news_order', {locale: 'fr', otype: ordertype}) %}#}
  71.             {#{% set hreflang_x = hreflang_start_x ~  path('notaris_frontend_news_order', {locale: xdef_lang, otype: ordertype}) %}#}
  72.         {#{% endif %}#}
  74.         {#{% if ordertype == '' and currentpage != 0 %}#}
  75.             {#{% set hreflang_nl = hreflang_start_nl ~ path('notaris_frontend_news_page', {locale: 'nl', page: currentpage}) %}#}
  76.             {#{% set hreflang_fr = hreflang_start_fr ~ path('notaris_frontend_news_page', {locale: 'fr', page: currentpage}) %}#}
  77.             {#{% set hreflang_x = hreflang_start_x ~  path('notaris_frontend_news_page', {locale: xdef_lang, page: currentpage}) %}#}
  78.         {#{% endif %}#}
  80.         {#{% if ordertype != '' and currentpage != 0 %}#}
  81.             {#{% set hreflang_nl = hreflang_start_nl ~ path('notaris_frontend_news_page_order', {locale: 'nl', page: currentpage, otype: ordertype}) %}#}
  82.             {#{% set hreflang_fr = hreflang_start_fr ~ path('notaris_frontend_news_page_order', {locale: 'fr', page: currentpage, otype: ordertype}) %}#}
  83.             {#{% set hreflang_x = hreflang_start_x ~  path('notaris_frontend_news_page_order', {locale: xdef_lang, page: currentpage, otype: ordertype}) %}#}
  84.         {#{% endif %}#}
  85.         <link rel="alternate" hreflang="x-default"
  86.               href="{{ hreflang_x }}" />
  87.     {% endif %}
  88.     <link rel="canonical" href="{{ canonicallink }}"  />
  89. {% endblock %}
  91. {% block extrameta %}
  92.     {{ parent() }}
  93.     <meta name="keywords" content="{{ subsite.meta.metaKeywords }}"/>
  94.     <meta name="description" lang="{{ locale }}" content="{{ subsite.meta.metaDescription }}"/>
  95.     <meta property="og:type" content="website" />
  96.     <meta property="og:url" content="{{ canonicallink }}" />
  98.     {#{% if subsite.meta.ogTitle != '' %}#}
  99.         {#<meta property="og:title" content="{{ subsite.meta.ogTitle }}" />#}
  100.     {#{% endif %}#}
  101.     <meta property="og:title" content="{{ headTitle }}" />
  102.     {% if subsite.slug == 'nieuws-pers' or subsite.slug == 'nouveautes' %}
  103.         {% if section.meta.ogDescription != '' %}
  104.             <meta property="og:description" content="{{ section.meta.ogDescription }}" />
  105.         {% endif %}
  106.     {% else %}
  107.         {% if subsite.meta.ogDescription != '' %}
  108.             <meta property="og:description" content="{{ subsite.meta.ogDescription }}" />
  109.         {% endif %}
  110.     {% endif %}
  112. {% endblock %}
  115. {% block body %}
  116.     {% if ordertype == '' %}
  117.         {% set ordertype = 'desc' %}
  118.     {% endif %}
  120.     <section class="content u-padding-top-large">
  121.         {% set isPreview = false %}
  122.         {% if preview is defined %}
  123.             {% set isPreview = true %}
  124.         {% endif %}
  126.         {% if isPreview %}
  127.             <div id="preview-label">PREVIEW</div>
  128.         {% endif %}
  130.         {{ include('@NotarisFrontend/module/sidenav.html.twig', {'subsite': subsite, 'preview': isPreview }) }}
  132.         <!-- news -->
  133.         <div id="content-center" class="content-center-large {{ subsite.stylesheet }}">
  135.             <div id="content-center-header">
  136.                 <article class="niveau3 fillcolor">
  137.                     <div class="article-content">
  138.                         <p>{{ totalnews }} {{ 'nw_bericht' | trans | raw }}{% if totalnews > 1 %}{{ 'nw_berichten_meervoud' | trans | raw }}{% endif %}, {{ 'nw_ordering' | trans | raw }}<br />
  139.                             {% if ordertype == 'desc' %}
  140.                                 {% if subsiteslug != '' %}
  141.                                     {{ 'nw_van' | trans | raw }} {{ 'nw_nieuw' | trans | raw }} &gt; {{ 'nw_oud' | trans | raw }} | <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': 'asc', 'subsiteslug': subsiteslug}) }}">{{ 'nw_oud' | trans | raw }} &gt; {{ 'nw_nieuw' | trans | raw }}</a>
  142.                                 {% else %}
  143.                                     {{ 'nw_van' | trans | raw }} {{ 'nw_nieuw' | trans | raw }} &gt; {{ 'nw_oud' | trans | raw }} | <a href="{{ path('notaris_frontend_news_order', {'otype': 'asc'}) }}">{{ 'nw_oud' | trans | raw }} &gt; {{ 'nw_nieuw' | trans | raw }}</a>
  144.                                 {% endif %}
  145.                             {% else %}
  146.                                 {% if subsiteslug != '' %}
  147.                                     <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': 'desc', 'subsiteslug': subsiteslug}) }}">{{ 'nw_van' | trans | raw }} {{ 'nw_nieuw' | trans | raw }} &gt; {{ 'nw_oud' | trans | raw }}</a> | {{ 'nw_oud' | trans | raw }} &gt; {{ 'nw_nieuw' | trans | raw }}
  148.                                 {% else %}
  149.                                     <a href="{{ path('notaris_frontend_news_order', {'otype': 'desc'}) }}">{{ 'nw_van' | trans | raw }} {{ 'nw_nieuw' | trans | raw }} &gt; {{ 'nw_oud' | trans | raw }}</a> | {{ 'nw_oud' | trans | raw }} &gt; {{ 'nw_nieuw' | trans | raw }}
  150.                                 {% endif %}
  151.                             {% endif %}
  152.                     </div>
  153.                 </article>
  154.             </div>
  157.             {% if totalpages > 1 %}
  158.                 <div class="prevnext-pages border-bottom">
  159.                     {% if currentpage + 1 != 1 %}
  160.                         {% if currentpage  == 1 %}
  161.                             {% if subsiteslug != '' %}
  162.                                 <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  163.                             {% else %}
  164.                                 <a href="{{ path('notaris_frontend_news_order', {'otype': ordertype}) }}">{{ 'vorige' | trans | raw }}</a>
  165.                             {% endif %}
  166.                         {% else %}
  167.                             {% if subsiteslug != '' %}
  168.                                 <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': currentpage - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  169.                             {% else %}
  170.                                 <a href="{{ path('notaris_frontend_news_page_order', {'page': currentpage - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  171.                             {% endif %}
  172.                         {% endif %}
  173.                     {% else %}
  174.                         <span>{{ 'vorige' | trans | raw }}</span>
  175.                     {% endif %}
  177.                     {% set count = 0 %}
  178.                     {% set vispages = 4 %}
  179.                     {% set index = 0 %}
  181.                     {% if currentpage + 1 <= 2 %}
  182.                         {% set start = 1 %}
  183.                     {% else %}
  184.                         {% set start = currentpage + 1 - 2 %}
  185.                         {% set vispages = vispages + 1 %}
  186.                     {% endif %}
  188.                     {% if start + 4> totalpages %}
  189.                         {% set start = totalpages - 3  %}
  190.                     {% endif %}
  192.                     {% if start < 1 %}
  193.                         {% set start = 1 %}
  194.                     {% endif %}
  196.                     {% if start != 1 %}
  197.                         <span>...</span>
  198.                     {% endif %}
  200.                     {% for  i in start..totalpages %}
  201.                         {% set count = count + 1 %}
  202.                         {% if count <= vispages %}
  203.                             {% set index = i %}
  204.                             {% if i == currentpage + 1 %}
  205.                                 <span class="current">{{ i }}</span>
  206.                             {% else %}
  207.                                 {% if subsiteslug != '' %}
  208.                                     {% if i == 1 %}
  209.                                         <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ i }}</a>
  210.                                     {% else %}
  211.                                         <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': i - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ i }}</a>
  212.                                     {% endif %}
  213.                                 {% else %}
  214.                                     {% if i == 1 %}
  215.                                         <a href="{{ path('notaris_frontend_news_order', {'otype': ordertype}) }}">{{ i }}</a>
  216.                                     {% else %}
  217.                                         <a href="{{ path('notaris_frontend_news_page_order', {'page': i - 1, 'otype': ordertype}) }}">{{ i }}</a>
  218.                                     {% endif %}
  219.                                 {% endif %}
  220.                             {% endif %}
  221.                         {% endif %}
  223.                     {% endfor %}
  224.                     {% if index != totalpages %}
  225.                         <span>...</span>
  226.                     {% endif %}
  228.                     {% if currentpage + 1 != totalpages %}
  229.                         {% if subsiteslug != '' %}
  230.                             <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': currentpage + 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'volgende' | trans | raw }}</a>
  231.                         {% else %}
  232.                             <a href="{{ path('notaris_frontend_news_page_order', {'page': currentpage + 1, 'otype': ordertype}) }}">{{ 'volgende' | trans | raw }}</a>
  233.                         {% endif %}
  235.                     {% else %}
  236.                         <span>{{ 'volgende' | trans | raw }}</span>
  237.                     {% endif %}
  238.                 </div>
  239.             {% endif %}
  242.             <section class="no-margin o-tabpannel o-tabpannel--neutral">
  243.                 <div id="info-content" class="o-tabpannel__navigation__items">
  244.                     {% for newsitem in news %}
  246.                         {% if subsiteslug == '' %}
  247.                             <a data-slug="{{ newsitem.slug }}" class="o-tabpannel__item u-color-black u-padding-left-small u-padding-right-small js-info-news-content" href="{{ path('notaris_frontend_news_detail', {'slug': newsitem.slug}) }}">
  248.                         {% else %}
  249.                             <a data-slug="{{ newsitem.slug }}" class="o-tabpannel__item u-color-black u-padding-left-small u-padding-right-small js-info-news-content" href="{{ path('notaris_frontend_subsite_news_detail', {'slug': newsitem.slug, 'subsiteslug': subsiteslug }) }}">
  250.                         {% endif %}
  252.                             <h2 class="u-h3 u-margin-none">
  253.                                 {% if newsitem.isPers %}
  254.                                 <div class="c-tooltip c-tooltip--top u-text-inline">
  255.                             <span class="{% if lastPart == subsite.slug %}u-bg-{{ subsite.stylesheet }} {% else %}u-bg-primary {% endif %}u-color-white o-tabpannel__label">{{ 'nw_pm' | trans }}</span>
  256.                                     <p class="c-tooltip__news{% if lastPart == subsite.slug %} u-bg-{{ subsite.stylesheet }}{% endif %}">{{ 'nw_pm_meaning' | trans }}</p>
  257.                                 </div>
  258.                                 {% endif %}
  259.                                 {{ newsitem.title }}
  260.                             </h2>
  261.                                 <p class="u-margin-top-tiny">
  263.                                 {# {% set txt = newsitem.introduction %} #}
  264.                                 {% if newsitem.introduction == '' %}
  265.                                     {% set words = newsitem.text | striptags | split(' ') %}
  266.                                 {% else %}
  267.                                     {% set words = newsitem.introduction | striptags | split(' ') %}
  268.                                 {% endif %}
  270.                                 {{ newsitem.publicationDate | localdate }} -
  271.                                     {% for word in words|slice(0, 22) %}
  272.                                         {% if loop.last and words|length > 22 %}
  273.                                             {{ word | replace({'.':''}) | raw }}...
  274.                                         {% else %}
  275.                                             {{ word | raw }}
  276.                                         {% endif %}
  277.                                     {% endfor %}
  278.                                 </p>
  279.                         </a>
  280.                     {% endfor %}
  281.                 </div>
  282.             </section>
  284.             {% if totalpages > 1 %}
  285.                 <div class="prevnext-pages">
  286.                     {% if currentpage + 1 != 1 %}
  287.                         {% if currentpage  == 1 %}
  288.                             {% if subsiteslug != '' %}
  289.                                 <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  290.                             {% else %}
  291.                                 <a href="{{ path('notaris_frontend_news_order', {'otype': ordertype}) }}">{{ 'vorige' | trans | raw }}</a>
  292.                             {% endif %}
  293.                         {% else %}
  294.                             {% if subsiteslug != '' %}
  295.                                 <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': currentpage - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  296.                             {% else %}
  297.                                 <a href="{{ path('notaris_frontend_news_page_order', {'page': currentpage - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'vorige' | trans | raw }}</a>
  298.                             {% endif %}
  299.                         {% endif %}
  300.                     {% else %}
  301.                         <span>{{ 'vorige' | trans | raw }}</span>
  302.                     {% endif %}
  304.                     {% set count = 0 %}
  305.                     {% set vispages = 4 %}
  306.                     {% set index = 0 %}
  308.                     {% if currentpage + 1 <= 2 %}
  309.                         {% set start = 1 %}
  310.                     {% else %}
  311.                         {% set start = currentpage + 1 - 2 %}
  312.                         {% set vispages = vispages + 1 %}
  313.                     {% endif %}
  315.                     {% if start + 4> totalpages %}
  316.                         {% set start = totalpages - 3  %}
  317.                     {% endif %}
  319.                     {% if start < 1 %}
  320.                         {% set start = 1 %}
  321.                     {% endif %}
  323.                     {% if start != 1 %}
  324.                         <span>...</span>
  325.                     {% endif %}
  327.                     {% for  i in start..totalpages %}
  328.                         {% set count = count + 1 %}
  329.                         {% if count <= vispages %}
  330.                             {% set index = i %}
  331.                             {% if i == currentpage + 1 %}
  332.                                 <span class="current">{{ i }}</span>
  333.                             {% else %}
  334.                                 {% if subsiteslug != '' %}
  335.                                     {% if i == 1 %}
  336.                                         <a href="{{ path('notaris_frontend_subsite_news_order', {'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ i }}</a>
  337.                                     {% else %}
  338.                                         <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': i - 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ i }}</a>
  339.                                     {% endif %}
  340.                                 {% else %}
  341.                                     {% if i == 1 %}
  342.                                         <a href="{{ path('notaris_frontend_news_order', {'otype': ordertype}) }}">{{ i }}</a>
  343.                                     {% else %}
  344.                                         <a href="{{ path('notaris_frontend_news_page_order', {'page': i - 1, 'otype': ordertype}) }}">{{ i }}</a>
  345.                                     {% endif %}
  346.                                 {% endif %}
  347.                             {% endif %}
  348.                         {% endif %}
  350.                     {% endfor %}
  351.                     {% if index != totalpages %}
  352.                         <span>...</span>
  353.                     {% endif %}
  355.                     {% if currentpage + 1 != totalpages %}
  356.                         {% if subsiteslug != '' %}
  357.                             <a href="{{ path('notaris_frontend_subsite_news_page_order', {'page': currentpage + 1, 'otype': ordertype, 'subsiteslug': subsiteslug}) }}">{{ 'volgende' | trans | raw }}</a>
  358.                         {% else %}
  359.                             <a href="{{ path('notaris_frontend_news_page_order', {'page': currentpage + 1, 'otype': ordertype}) }}">{{ 'volgende' | trans | raw }}</a>
  360.                         {% endif %}
  362.                     {% else %}
  363.                         <span>{{ 'volgende' | trans | raw }}</span>
  364.                     {% endif %}
  365.                 </div>
  366.             {% endif %}
  368.         </div>
  370.         {% include '@NotarisFrontend/navigation/mobilesubnav.html.twig' with {'websiteSlug': subsite.slug, 'isSven':false, 'isHome':false, 'subsite': subsite} %}
  371.     </section>
  373. {% endblock %}
  375. {% block extrajs %}
  376.     <script>
  377.         //adresbook();
  378.         $(document).ready(function(){
  379.             $('.js-info-news-content').click(function(e){
  380.                 e.preventDefault();
  382.                 var href = $(this).attr('href');
  383.                 var slug = $(this).attr('data-slug');
  385.                 $.getJSON('{{ path('notaris_frontend_news_clicked') }}/' + slug, function(result){
  387.                     window.location.href = href;
  388.                 });
  389.             });
  390.         });
  391.     </script>
  392. {% endblock %}