src/Notaris/FrontendBundle/Resources/views/subsite/detail.html.twig line 1

Open in your IDE?
  1. {% extends '@NotarisFrontend/layout2017.html.twig' %}
  3.     {%  set headtitle = '' %}
  4.     {% if notaryId is defined %}
  5.         {% set headtitle = info.header1  | replace({"<BR />":" "}) ~ " - " ~ subsite.pageTitle ~ " > " ~ titlesection.navigation %}
  6.     {% else %}
  7.         {% if section.meta.ogTitle %}
  8.             {% set headtitle = section.meta.ogTitle | raw ~ " | " %}
  9.         {% endif %}
  10.             {% set headtitle = headtitle ~ subsite.pageTitle ~ ' ' ~ 'alg_basetitle' | trans %}
  11.     {% endif %}
  13. {% if subsite.languageLinkSubsite is not null %}
  14.     {% if locale == 'nl' %}
  15.         {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite', {slug: subsite.slug}) %}
  16.         {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite', {slug: subsite.languageLinkSubsite.slug}) %}
  18.         {% if section.slug == 'privacy-policy-1' or  section.slug == 'privacy-policy' %}
  19.             {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite_detail', {slug: subsite.slug, slugdetail: 'privacy-policy-1'}) %}
  20.             {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite_detail', {slug: subsite.languageLinkSubsite.slug, slugdetail: 'privacy-policy'}) %}
  21.         {% endif %}
  22.         {% if section.slug == 'cookiebeleid' or section.slug == 'politique-des-cookies' %}
  23.             {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite_detail', {slug: subsite.slug, slugdetail: 'cookiebeleid'}) %}
  24.             {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite_detail', {slug: subsite.languageLinkSubsite.slug, slugdetail: 'politique-des-cookies'}) %}
  25.         {% endif %}
  26.     {% else %}
  27.         {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite', {slug: subsite.languageLinkSubsite.slug}) %}
  28.         {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite', {slug: subsite.slug}) %}
  30.         {% if section.slug == 'privacy-policy-1' or  section.slug == 'privacy-policy' %}
  31.             {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite_detail', {slug: subsite.languageLinkSubsite.slug, slugdetail: 'privacy-policy-1'}) %}
  32.             {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite_detail', {slug: subsite.slug, slugdetail: 'privacy-policy'}) %}
  33.         {% endif %}
  34.         {% if section.slug == 'cookiebeleid' or section.slug == 'politique-des-cookies' %}
  35.             {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite_detail', {slug: subsite.languageLinkSubsite.slug, slugdetail: 'cookiebeleid'}) %}
  36.             {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite_detail', {slug: subsite.slug, slugdetail: 'politique-des-cookies'}) %}
  37.         {% endif %}
  38.     {% endif %}
  39. {% endif %}
  40. {% if section.slug == 'notaris-be-contact' or section.slug == 'contact' %}
  41.     {% set linked_url_nl = url_nl ~ path('notaris_frontend_subsite_detail', {slug: 'contact', slugdetail: 'notaris-be-contact'}) %}
  42.     {% set linked_url_fr = url_fr ~ path('notaris_frontend_subsite_detail', {slug: 'nouveautes', slugdetail: 'contact'}) %}
  43. {% endif %}
  45. {% block title %}
  46.     <title>{{ headtitle }}</title>
  47. {% endblock %}
  49. {% if currentslug3 != '' %}
  50.     {% set canonicallink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite_detail3', {slug: subsite.slug, slugdetail: currentslug, slugdetail2: currentslug2, slugdetail3: currentslug3}) %}
  51. {% elseif currentslug2 != '' %}
  52.     {% set canonicallink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite_detail2', {slug: subsite.slug, slugdetail: currentslug, slugdetail2: currentslug2}) %}
  53. {% else %}
  54.     {% set canonicallink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_subsite_detail', {slug: subsite.slug, slugdetail: currentslug}) %}
  55. {% endif %}
  57. {% block extralinks %}
  58.     <link rel="canonical" href="{{ canonicallink }}"  />
  59. {% endblock %}
  61. {% block extrameta %}
  62.     {{ parent() }}
  63.     <meta name="keywords" content="{{ section.meta.metaKeywords }}"/>
  64.     <meta name="description" lang="{{ locale }}" content="{{ section.meta.metaDescription }}"/>
  65.     <meta property="og:type" content="website"/>
  66.     <meta property="og:url" content="{{ canonicallink }}"/>
  67.     {% if subsite.meta.ogTitle != '' %}
  68.         <meta property="og:title" content="{{ section.meta.ogTitle }}"/>
  69.     {% else %}
  70.         <meta property="og:title" content="{{ headtitle }}" />
  71.     {% endif %}
  72.     {% if section.meta.ogDescription != '' %}
  73.         <meta property="og:description" content="{{ section.meta.ogDescription }}"/>
  74.     {% else %}
  75.         <meta property="og:description" content="{{ subsite.meta.ogDescription }}" />
  76.     {% endif %}
  77. {% endblock %}
  79. {% block robots %}
  80.     {% if notaryId is not defined and (
  81.         (subsite.slug == 'gebruiksvoorwaarden' and section.slug == 'gdpr-gedragscode') or
  82.         (subsite.slug == 'conditions-dutilisation' and section.slug == 'code-de-conduite-rgpd')
  83.     ) %}
  84.         <meta name='robots' content='noindex,nofollow' />
  85.     {% else %}
  86.         {{ parent() }}
  87.     {% endif %}
  88. {% endblock %}
  90. {% block body %}
  94.     <section class="content u-padding-top-large">
  95.         {% set isPreview = false %}
  96.         {% if preview is defined %}
  97.             {% set isPreview = true %}
  98.         {% endif %}
  100.         {% if isPreview %}
  101.             <div id="preview-label">PREVIEW</div>
  102.         {% endif %}
  104.         {{ include('@NotarisFrontend/module/sidenav.html.twig', {'subsite': subsite, 'preview': isPreview }) }}
  106.         {% if subsite.slug == 'cookie_subsite' | trans and section.slug == 'cookie_section' | trans  %}
  107.         <div id="content-center-cookie" class="content-center-large {{ subsite.stylesheet }}">
  108.             <div id="content-center-header-cookie">
  109.                 <article class="niveau1">
  110.                     <div class="article-header u-padding-small u-word-wrap u-word-wrap-hyphens@mobile">
  111.                         <h1 class="u-text-lineheight-semilarge u-h2@desktop">{{ 'cookie_title' | trans }}</h1>
  112.                     </div>
  113.                     <div class="article-content js-cookie-form">
  114.                         <div class="o-layout__item u-1/1 u-margin-top-small u-padding-bottom-none">
  115.                             <div class="o-layout u-margin-bottom">
  116.                                 <div class="o-layout__item u-1/1 u-padding-bottom-tiny">
  117.                                     <div class="c-checkbox c-checkbox--disabled">
  118.                                         <div class="c-checkbox__wrapper u-margin-bottom-none">
  119.                                             <div class="c-dib">
  120.                                                 <input type="checkbox" name="cookies" id="functional" value="1" checked disabled>
  121.                                                 <label class="c-label js-required-label u-color-white" for="functional">
  122.                                                 <span class="c-checkbox__label">
  123.                                                     {{'alg_necessary_cookies'|trans|raw}}
  124.                                                 </span>
  125.                                                 </label>
  126.                                             </div>
  127.                                             <a href="#cookie-necessary" class="u-margin-left js-smooth-anchor">{{ 'cookie_more_info' | trans }}</a>
  128.                                         </div>
  129.                                     </div>
  130.                                 </div>
  131.                                 <div class="o-layout__item u-1/1 u-padding-bottom-tiny">
  132.                                     <div class="c-checkbox">
  133.                                         <div class="c-checkbox__wrapper u-margin-bottom-none">
  134.                                             <div class="c-dib">
  135.                                                 <input type="checkbox" name="cookies" id="statistic" value="2">
  136.                                                 <label class="c-label js-required-label u-color-white" for="statistic">
  137.                                                 <span class="c-checkbox__label">
  138.                                                     {{ 'alg_statistical_cookies'|trans|raw }}
  139.                                                 </span>
  140.                                                 </label>
  141.                                             </div>
  142.                                             <a href="#cookie-statistical" class="u-margin-left js-smooth-anchor">{{ 'cookie_more_info' | trans }}</a>
  143.                                         </div>
  144.                                     </div>
  145.                                 </div>
  146.                                 <div class="o-layout__item u-1/1 u-padding-bottom-tiny">
  147.                                     <div class="c-checkbox">
  148.                                         <div class="c-checkbox__wrapper u-margin-bottom-none">
  149.                                             <div class="c-dib">
  150.                                                 <input type="checkbox" name="cookies" id="social" value="3">
  151.                                                 <label class="c-label js-required-label u-color-white" for="social">
  152.                                                 <span class="c-checkbox__label">
  153.                                                     {{ 'alg_social_cookies'|trans|raw }}
  154.                                                 </span>
  155.                                                 </label>
  156.                                             </div>
  157.                                             <a href="#cookie-social" class="u-margin-left js-smooth-anchor">{{ 'cookie_more_info' | trans }}</a>
  158.                                         </div>
  159.                                     </div>
  160.                                 </div>
  161.                             </div>
  162.                             <div class="o-layout__item u-padding-left-none u-padding-bottom-none c-w-fc">
  163.                                 <a href="#" title="{{'alg_save_cookies'|trans|raw}}" class="js-cookies-all c-bar__action c-btn c-btn--default c-btn--small u-padding-custom">
  164.                                     <b>{{'alg_save_cookies'|trans|raw}}</b>
  165.                                 </a>
  166.                                     <p class="js-cookie-result u-hidden u-margin-left-none u-margin-top c-va">{{ 'cookie_save_result' | trans }}</p>
  167.                             </div>
  168.                         </div>
  169.                     </div>
  170.                 </article>
  171.                 <div id="cookie-intro"></div>
  173.             </div>
  174.         </div>
  176.         {% endif %}
  178.         <div id="content-center" class="content-right content-center-large {{ subsite.stylesheet }}">
  179.             {% if section.title != '' or section.description != '' %}
  180.                 <div id="content-center-header">
  181.                     {% set niveau = 'niveau1' %}
  182.                     {% if currentslug3 != '' %}
  183.                         {% set niveau = 'niveau3' %}
  184.                     {% elseif currentslug2 != '' %}
  185.                         {% set niveau = 'niveau2' %}
  186.                     {% endif %}
  187.                     <article class="{{ niveau }}">
  188.                         {% if section.title != '' and niveau == 'niveau1' %}
  189.                             <div class="article-header u-padding-small u-word-wrap u-word-wrap-hyphens@mobile">
  190.                                 <h1 class="u-text-lineheight-semilarge u-h2@desktop">{{ section.title | raw }}</h1> {# @TODO IONEL: SEO h1 --> for level1 this can stay h1 #}
  191.                             </div>
  192.                         {% endif %}
  194.                         {% if section.description %}
  195.                             <div
  196.                                 class="article-content{% if section.asset is not null and section.asset.assetImages | length > 0 %} paragraphnofloat{% endif %}">
  197.                                 {% if section.title != '' and niveau != 'niveau1' %}
  198.                                     <h1 class="u-text-lineheight-semilarge u-h2@desktop">{{ section.title | raw }}</h1> {# @TODO IONEL: SEO h1 --> this is used on pages for level2 this can stay h1 #}
  199.                                 {% endif %}
  200.                                 {% if section.asset is not null and section.asset.assetImages | length > 0 %}
  201.                                     <div class="imgbox">
  202.                                         {% set image =  '/uploads/' ~ section.asset.assetImages[0].image.locale ~ section.asset.assetImages[0].image.filename %}
  203.                                         {% set imgpath = image | imagine_filter('front_sections_intro_thumb') %}
  204.                                         <img src="{{ imgpath|replace({'http:': scheme_url~':'}) }}"
  205.                                              alt="{{ section.asset.assetImages[0].image.alt }}"/>
  206.                                         {% if section.asset.assetImages[0].image.caption != '' %}
  207.                                             <p>{{ section.asset.assetImages[0].image.caption }}</p>
  208.                                         {% endif %}
  209.                                     </div>
  210.                                 {% endif %}
  211.                                 {{ section.description | raw }}
  213.                                 {% if section.id == 2259 %}
  214.                                     <div class="o-flex o-flex--justify-center">
  215.                                         <a href="{{ 'md_societes_link' | trans| raw }}"
  216.                                            class="c-btn c-btn--small c-btn--primary c-btn--white-border u-text-center u-margin-bottom-tiny">{{ 'md_societes_cta_startmybusiness' | trans| raw }}</a>
  217.                                     </div>
  218.                                 {% endif %}
  219.                                 <div class="cleaner">&nbsp;</div>
  220.                             </div>
  221.                         {% else %}
  223.                             <!-- niveau 2 en 3 -->
  224.                             {% if section.title != '' and (niveau == 'niveau3' or niveau == 'niveau2') %}
  225.                                 <div class="article-content">
  226.                                     <h1 class="u-text-lineheight-semilarge u-h2@desktop">{{ section.title | raw }}</h1>
  227.                                 </div>
  228.                             {% endif %}
  229.                         {% endif %}
  231.                     </article>
  232.                 </div>
  233.             {% endif %}
  236.             <section id="info" class="">
  237.                 <div id="info-content" class="niveau1 info-faq-content accordion-content">
  239.                     {% for paragraph in paragraphs %}
  240.                         {% set havetitle = false %}
  241.                         {% set showAccordion = paragraph.type == 1 %}
  242.                         {% if showAccordion and paragraph.title != '' %} {# ACCORDION #}
  243.                             <div class="accordion {% if paragraph.accordionStatus == 1 %}.info-content-faq-active{% endif %}">
  244.                                 <a class="accordion-header info-content-faq-question" href="#">
  245.                                     <h2 class="accordion-header-text u-text-lineheight-semilarge u-h2@desktop s-cstm-setth2">{{ paragraph.title | raw }}<span class="accordion-arrow"></span></h2>
  246.                                     {% set havetitle = true %}
  247.                                     <div class="cleaner">&nbsp;</div>
  248.                                 </a>
  249.                         {% endif %}
  251.                         <article {% if paragraph.accordionStatus == 1 %}style="display: block;"{% elseif showAccordion %}style="display: none;"{% endif %}>
  252.                         {% if paragraph.title != '' and not havetitle %}  {# ACCORDION havetitle #}
  253.                             <h2 class="u-text-lineheight-semilarge u-h2@desktop s-cstm-setth2">{{ paragraph.title | raw }}</h2>
  254.                         {% endif %}
  255.                         {% if paragraph.subtitle != '' %}
  256.                             <h3 class="u-text-lineheight-semilarge u-h2@desktop s-cstm-spac">{{ paragraph.subtitle | raw }}</h3>
  257.                         {% endif %}
  258.                         {% if paragraph.asset is null or (paragraph.asset is not null and paragraph.asset.assetImages is not null and paragraph.asset.assetImages | length >1) or(paragraph.asset is not null and paragraph.asset.assetImages is not null and paragraph.asset.assetImages | length == 0) %}
  259.                             {{ paragraph.description | raw }}
  260.                         {% endif %}
  262.                         {% if paragraph.asset is not null %}
  265.                             {% if paragraph.asset.assetImages is not null %}
  266.                                 {% if paragraph.asset.assetImages | length == 1 and paragraph.description != '' %}
  267.                                     {% set image = paragraph.asset.assetImages[0] %}
  268.                                     <div class="movie-list-wrapper">
  269.                                         <a href="/uploads/{{ image.image.locale }}{{ image.image.filename }}"
  270.                                            class="movie-list js-fancybox" rel="js-fancybox-{{ section.id }}"
  271.                                            style="float: left;">
  272.                                             {#<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">#}
  273.                                             <img src="/uploads/{{ image.image.locale }}{{ image.image.filename }}"
  274.                                                  {% if image.image.caption is not null %}alt="{{ image.image.alt }}" {% endif %}>
  275.                                         </a>
  276.                                         <div class="movie-list-right">
  277.                                             {{ paragraph.description | raw }}
  278.                                         </div>
  279.                                         <div class="cleaner">&nbsp;</div>
  280.                                     </div>
  281.                                 {% else %}
  282.                                     {% for image in paragraph.asset.assetImages %}
  283.                                         <a href="/uploads/{{ image.image.locale }}/{{ image.image.filename }}"
  284.                                            class=" js-fancybox"
  285.                                            {% if image.image.filename != '/paragraph/5b87f184d0045.png' %}rel="js-fancybox-{{ section.id }}"{% endif %}><img
  286.                                                 src="/uploads/{{ image.image.locale }}/{{ image.image.filename }}"
  287.                                                 {% if image.image.caption is not null %}alt="{{ image.image.alt }}" {% endif %}></a>
  288.                                         <br>
  289.                                         {% if image.image.caption is not null %}
  290.                                             <p>{{ image.image.caption }}</p>
  291.                                         {% endif %}
  292.                                     {% endfor %}
  293.                                 {% endif %}
  294.                             {% endif %}
  297.                             {% for video in paragraph.asset.assetVideoPaths %}
  299.                                 {% if video.videoPath.youtube != '' %}
  300.                                     <iframe
  301.                                         class="o-tabpannel__content__youtube js-tabpannel-youtube u-margin-bottom-small"
  302.                                         frameborder="0" allowfullscreen="1" title="YouTube video player" width="490"
  303.                                         height="280"
  304.                                         src="//www.youtube-nocookie.com/embed/{{ video.videoPath.youtube }}?enablejsapi=1&widgetid=1&rel=0"
  305.                                         kwframeid="2"></iframe>
  306.                                 {% else %}
  307.                                     {% set poster = "" %}
  308.                                     {% if video.asset.assetImages | length > 0 %}
  309.                                         {% set poster = '/uploads/' ~ locale ~ video.asset.assetImages[0].image.filename %}
  310.                                     {% endif %}
  311.                                     <video class="o-tabpannel__content__video js-tabpannel-video u-margin-bottom-small"
  312.                                            controls preload="auto" poster="{{ poster }}" width="100%" height="300">
  313.                                         <source src="/video/{{ locale }}/{{ video.videoPath.path }}">
  314.                                     </video>
  315.                                 {% endif %}
  316.                             {% endfor %}
  317.                             <div class="cleaner">&nbsp;</div>
  318.                             </article>
  320.                             {% if paragraph.asset and (paragraph.asset.assetLinks | length > 0 or paragraph.asset.assetAttachments | length > 0) %}
  321.                                 <article {% if paragraph.accordionStatus == 1 %}style="display: block;"{% elseif showAccordion %}style="display: none;"{% endif %}>
  322.                                     <ul>
  323.                                         {% for link in paragraph.asset.assetLinks %}
  324.                                             <li><a href="{{ link.link.url }}" title="{{ link.link.title }}"
  325.                                                    {% if link.link.newWindow %}target="_blank"{% endif %}>{% if link.link.title %}{{ link.link.title }}{% else %}{{ link.link.url }}{% endif %}</a>
  326.                                             </li>
  327.                                         {% endfor %}
  328.                                         {% for attachment in paragraph.asset.assetAttachments %}
  329.                                             {% set fileType = attachment.attachment.filename | split('.') %}
  330.                                             {% set fileType = fileType | last | upper %}
  331.                                             {% set title = attachment.attachment.title %}
  332.                                             {% if title == '' %}
  333.                                                 {% set title = attachment.attachment.originalFilename %}
  334.                                             {% endif %}
  335.                                             {% set foo = attachment.attachment.filename|split('/', 2) %}
  336.                                             {% if foo | length >= 1 %}{% set filename = foo[1] %}{% endif %}
  337.                                             {%  if filename is defined %}
  338.                                             <li>
  339.                                                 <a href="/download/{{ filename | url_encode }}"
  340.                                                    title="{{ title }}">{{ title | raw }}</a> ({{ fileType }}
  341.                                                 / {{ attachment.attachment.byte | bfos_format_bytes | replace({'.':','}) }}
  342.                                                 )
  343.                                             </li>
  344.                                             {% endif %}
  345.                                         {% endfor %}
  346.                                     </ul>
  347.                                 </article>
  348.                             {% endif %}
  350.                         {% else %}
  351.                             </article>
  353.                         {% endif %}
  356.                         {% if showAccordion and paragraph.title != '' %} {# ACCORDION #}
  357.                         </div>
  358.                         {% endif %}
  360.                     {% endfor %}
  362.                     {% if section.tags | length > 0 %}
  363.                         <div class="c-tags u-padding-small js-tags">
  364.                             {% for tag in section.tags %}
  365.                                 <a data-slug="{{ tag.slug }}"
  366.                                    data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}"
  367.                                    href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug}) }}"
  368.                                    title="{{ tag.name }}" class="c-tags__item"><small>{{ tag.name }}</small></a>
  369.                             {% endfor %}
  370.                         </div>
  371.                     {% endif %}
  373.                     <article class="socialmedia">
  374.                         <!-- archive -->
  375.                         <a href="" id="lees_later" name="{{ section.id }}">
  376.                             {% if isArchived %}
  377.                                 <img src="{{ 'sd_gearchiveer_btn' | trans | raw }}"
  378.                                      alt="{{ 'sd_archiveer' | trans | raw }}"
  379.                                      title="{{ 'sd_archiveer' | trans | raw }}">
  380.                             {% else %}
  381.                                 <img src="{{ 'sd_archiveer_btn' | trans | raw }}"
  382.                                      alt="{{ 'sd_archiveer' | trans | raw }}"
  383.                                      title="{{ 'sd_archiveer' | trans | raw }}">
  384.                             {% endif %}
  385.                         </a>
  386.                         <a href="{{ path('notaris_frontend_archive') }}" id="leeslater_icon" style="display: inline;">
  387.                             <img src="/images/icons/nlfr_icon_archief.jpg" alt="archief" title="archief">
  388.                         </a>
  390.                         <div class="spacer">&nbsp;</div>
  392.                         <!-- linkedin -->
  393.                         <!--<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
  394.                         <script type="IN/Share" data-url="{{ app.request.uri }}"  data-counter="right"></script>-->
  395.                         <!-- linkedin -->
  396.                         <a href="http://www.linkedin.com/shareArticle?url={{ app.request.uri }}&title={{ section.meta.ogTitle }}&summary={{ section.meta.ogDescription }}"
  397.                            target="_blank" class="share-btn linkedin">
  398.                             <img style="width:60px!important;height:20px;" src="/images/linkedin.png"/>
  399.                         </a>
  400.                         <!--<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
  401.                         <span class="IN-widget" style="line-height: 1; vertical-align: baseline; display: inline-block; text-align: center;"><span style="padding: 0px !important; margin: 0px !important; text-indent: 0px !important; display: inline-block !important; vertical-align: baseline !important; font-size: 1px !important;"><span id="li_ui_li_gen_1429700747675_0"><a id="li_ui_li_gen_1429700747675_0-link" href="javascript:void(0);"><span id="li_ui_li_gen_1429700747675_0-logo">in</span><span id="li_ui_li_gen_1429700747675_0-title"><span id="li_ui_li_gen_1429700747675_0-mark"></span><span id="li_ui_li_gen_1429700747675_0-title-text">Share</span></span></a></span></span><span style="padding: 0px !important; margin: 0px !important; text-indent: 0px !important; display: inline-block !important; vertical-align: baseline !important; font-size: 1px !important;"><span id="li_ui_li_gen_1429700747685_1-container" class="IN-right"><span id="li_ui_li_gen_1429700747685_1" class="IN-right"><span id="li_ui_li_gen_1429700747685_1-inner" class="IN-right"><span id="li_ui_li_gen_1429700747685_1-content" class="IN-right">1</span></span></span></span></span></span><script type="IN/Share+init" data-counter="right"></script>-->
  403.                         <div class="spacer">&nbsp;</div>
  405.                         <!-- facebook share -->
  406.                         {#<div class="fb-share-button fb_iframe_widget" data-type="button" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.notaris.be%2Fhuwen-samenwonen%2Ftrouwen-of-samenwonen&amp;locale=en_US&amp;sdk=joey&amp;type=button"><span style="vertical-align: bottom; width: 56px; height: 20px;"><iframe name="f19f6e29" width="1000px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:share_button Facebook Social Plugin" src="//www.facebook.com/plugins/share_button.php?app_id=&amp;channel=https%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FKvoNGODIqPG.js%3Fversion%3D41%23cb%3Df2bea90684%26domain%3Dwww.notaris.be%26origin%3Dhttp%253A%252F%252Fwww.notaris.be%252Ff2dea76ecc%26relation%3Dparent.parent&amp;container_width=0&amp;href=http%3A%2F%2Fwww.notaris.be%2Fhuwen-samenwonen%2Ftrouwen-of-samenwonen&amp;locale=en_US&amp;sdk=joey&amp;type=button" style="border: none; visibility: visible; width: 56px; height: 20px;" class=""></iframe></span></div><script src="//static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>#}
  407.                         <div class="fb-share-button"
  408.                              data-href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"
  409.                              data-layout="button"></div>
  412.                         <div class="spacer">&nbsp;</div>
  414.                         <!-- twitter share -->
  415.                         <a class="twitter-share-button" target="_blank"
  416.                            href="https://twitter.com/intent/tweet?text={{ 'alg_basetitle_nondash' | trans }}%20-%20{% if titlesection %}{{ titlesection.navigation | raw | url_encode }}{% endif %}&url={{ app.request.uri }}">
  417.                             <div class="u-display--inlineblock">
  418.                                 <div class="o-media__img u-margin-right-tiny">
  419.                                     <img src="{{ asset('/assets/images/icons/social/x-share-button-icon-not.svg') }}" alt="X Share" title="X Share" height="25" width="64" class="c-social--color"/>
  420.                                 </div>
  421.                             </div>
  422.                         </a>
  424.                         <div class="spacer">&nbsp;</div>
  425.                         <!-- google plus -->
  428.                         <!-- Plaats deze tag waar je de +1 knop wilt weergeven. -->
  429.                         <div class="g-plusone" data-annotation="inline" data-width="120"></div>
  431.                         {#<script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true"></script><div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 106px; height: 24px; background: transparent;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 106px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1429700747148" name="I0_1429700747148" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin={{ '//' ~ app.request.httpHost }}&amp;url={{ app.request.schemeAndHttpHost~app.request.requestUri }}&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.nl.tQOPZ8vLcMc.O%2Fm%3D__features__%2Fam%3DIQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCNrmclP6989W2pvRwZGglXaWR7UwA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1429700747148&amp;parent={{ '//' ~ app.request.httpHost }}&amp;pfname=&amp;rpctoken=38244543" data-gapiattached="true" title="+1"></iframe></div>#}
  433.                         <div class="cleaner">&nbsp;</div>
  434.                     </article>
  436.                 </div>
  437.             </section>
  440.             {# dynamische cms modules #}
  441.             {{ include('@NotarisFrontend/module/mod_cms.html.twig', {'rightmodules': rightmodules }) }}
  443.         </div>
  446.         {#
  447.         <aside id="content-right">
  448.             {% if notaryId is defined %}
  449.                 {{ include('@NotarisFrontend/Sven/_sven_address.html.twig') }}
  450.             {% else %}
  451.                 {{ include('@NotarisFrontend/Module/notsearch_module.html.twig') }}
  452.             {% endif %}
  454.             {{ include('@NotarisFrontend/Module/Side/brochure.html.twig', {'hideDesktop': false, 'subsite': subsite.slug}) }}
  456.             {{ include('@NotarisFrontend/Module/mod_cms.html.twig', {'rightmodules': rightmodules }) }}
  459.         </aside>
  461.         #}
  463.         {% include '@NotarisFrontend/navigation/mobilesubnav.html.twig' with {'websiteSlug': subsite.slug, 'isSven':false, 'isHome':false, 'subsite': subsite} %}
  465.     </section>
  469. {% endblock %}
  472. {% block extrajs %}
  473.     <script>
  474.         // $.cookie('cookie-settings-statistics') === 'true' && applyAnalyticsJs();
  475.         // $.cookie('cookie-settings-social') === 'true' && applySocialJs();
  476.     </script>
  477. {#    <script type="text/javascript" src="/js/libs/jquery.cookie.js"></script>#}
  479.     <script>
  480.         //adresbook();
  482.         $(document).ready(function (e) {
  485.             $("a#leeslater_icon").fancybox({
  486.                 //'width'                : '7',
  487.                 'width': '90%',
  488.                 'height': '100%',
  489.                 'autoScale': false,
  490.                 'transitionIn': 'none',
  491.                 'transitionOut': 'none',
  492.                 'type': 'iframe',
  493.                 'fitToView': false,
  494.                 'autoSize': false,
  495.             });
  498.             $('#lees_later').click(function (event) {
  499.                 event.preventDefault();
  500. //                alert("leer later " + $(this).attr("name"));
  501.                 var list = new cookieList("leeslater");
  502.                 list.add($(this).attr("name"));
  503.                 $("a#leeslater_icon").css('display', 'inline');
  504.                 $("a#lees_later img").attr("src", "{{ 'sd_gearchiveer_btn' | trans | raw }}");
  505.             });
  507.             //kijken of er lees later pagina's zijn
  508.             //var list = new cookieList("leeslater");
  510.             $("a#leeslater_icon").css('display', 'inline');
  512.         });
  515.         //This is not production quality, its just demo code.
  516.         var cookieList = function (cookieName) {
  517.             //When the cookie is saved the items will be a comma seperated string
  518.             //So we will split the cookie by comma to get the original array
  519.             var cookie = $.cookie(cookieName);
  520.             //Load the items or a new array if null.
  521.             var items = cookie ? cookie.split(/,/) : new Array();
  523.             //Return a object that we can use to access the array.
  524.             //while hiding direct access to the declared items array
  525.             //this is called closures see http://www.jibbering.com/faq/faq_notes/closures.html
  526.             return {
  527.                 "add": function (val) {
  528.                     //Save the items to a cookie.
  529.                     //EDIT: Modified from linked answer by Nick see
  530.                     //      http://stackoverflow.com/questions/3387251/how-to-store-array-in-jquery-cookie
  532.                     //zorg dat je geen dubbels hebt in je array
  533.                     var ok = true;
  534.                     for (var i = 0; i < items.length; i++) {
  535.                         var value = items[i];
  536.                         if (value == val) {
  537.                             ok = false;
  538.                             break;
  539.                         }
  540.                     }
  541.                     if (ok) {
  542.                         //Add to the items.
  543.                         items.unshift(val);
  544.                         $.cookie(cookieName, items.join(','), {expires: 30, path: '/'});
  545.                     }
  546.                 },
  547.                 "remove": function (val) {
  548.                     //EDIT: Thx to Assef and luke for remove.
  549.                     indx = items.indexOf(val);
  550.                     if (indx != -1) items.splice(indx, 1);
  551.                     $.cookie(cookieName, items.join(','), {expires: 366, path: '/'});
  552.                 },  //expirers na 366 dagen
  553.                 "clear": function () {
  554.                     items = null;
  555.                     //clear the cookie.
  556.                     $.cookie(cookieName, null);
  557.                 },
  558.                 "items": function () {
  559.                     //Get all the items.
  560.                     return items;
  561.                 }
  562.             }
  563.         }
  565.     </script>
  566.     {#<script src="/js/video.js"></script>
  567.     <script>
  568.         videojs.options.flash.swf = "/js/video-js.swf";
  569.     </script>#}
  570. {% endblock %}