src/CmsBundle/Resources/views/page/page.html.twig line 1

Open in your IDE?
  2. {% extends (app.request.xmlHttpRequest ? '@Cms/ajax.html.twig' : ['layouts/' ~ Page.layout ~ '.html.twig', 'layouts/' ~ Settings.defaultTemplate ~ '.html.twig', 'layouts/default.html.twig']) %}
  4. {% if Page.CricitalCss is defined and Page.CricitalCss is not empty %}
  5.     {% set deferStylesheets = true %}
  6. {% else %}
  7.     {% set deferStylesheets = false %}
  8. {% endif %}
  10. {% trans_default_domain 'cms' %}
  11. {% block metadata %}{% include "@Cms/page/metadata.html.twig" with {'metatags': metatags, 'bundle_metatags': bundle_metatags} %}{% endblock %}
  13. {% block sitetitle %}{{Settings.getLabel|raw}}{% endblock %}
  15. {% block title %}
  16.     {{customTitle is defined and customTitle is not empty ? customTitle : ''}}
  17.     {{Page.getTitle|raw}}
  18. {% endblock %}
  20. {% block pagetitle %}
  21.     {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit and app.session.get('live_edit') == true %}
  22.         <h1 id="title-{{Page.getId}}" class="front-editor" contenteditable="true">{{Page.getTitle|raw}}</h1>
  23.     {% else %}
  24.         <h1>{{Page.getTitle|raw}}</h1>
  25.     {% endif %}
  27. {% endblock %}
  29. {% block plain_body %}
  30.     {% if exception is defined and Page.mode == "dev" %}
  31.         {# {{dump(exception)}} #}
  32.     {% endif %}
  33.     {% if loginform is defined %}
  34.         {% include ['layouts/login.html.twig', '@Cms/page/login.html.twig'] %}
  35.     {% elseif pwdform is defined %}
  36.         {% include ['layouts/password.html.twig', '@Cms/page/password.html.twig'] %}
  37.     {% endif %}
  38. {% endblock %}
  40. {% block body %}
  41.     {% if loginform is defined %}
  42.         {% include ['layouts/login.html.twig', '@Cms/page/login.html.twig'] %}
  43.     {% elseif pwdform is defined %}
  44.         {% include ['layouts/password.html.twig', '@Cms/page/password.html.twig'] %}
  45.     {% else %}
  46.         {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit and app.session.get('live_edit') == true %}
  47.             <div id="{{content is not empty ? 'contentid-' ~ content['default'].id : 'pageid-' ~ Page.id}}" id="main-front-editor" class="front-editor" contenteditable="true">{{content is not empty ? content['default'].content|raw : ''}}</div>
  48.         {% else %}
  49.             {{content is not empty ? content['default'].content|raw : ''}}
  50.         {% endif %}
  51.     {% endif %}
  52. {% endblock %}
  54. {% block pageimage %}{% if Page.hasImage %}{{asset(Page.getImage.getWebPath)}}{% endif %}{% endblock %}
  56. {# {% block head_lang %}{{(Settings is defined and Settings.language is not empty ? 'lang="' ~ Settings.language.localeFull ~ '"' : '')|raw}}{% endblock %} #}
  57. {% block head_lang %}{{(Settings is defined and Settings.language is not empty ? 'lang="' ~ (Settings.language.locale == 'gb' ? 'en' : Settings.language.locale) ~ '"' : '')|raw}}{% endblock %}
  59. {% block admin_header %}
  60.     {% if exception is defined %}
  61.         <meta name="robots" content="noindex,nofollow" />
  62.     {% else %}
  63.         <meta name="robots" content="{{(Page is defined and Page.robots is not empty ? Page.robots : (Settings is defined and Settings.robots is not empty ? Settings.robots : 'noindex,nofollow'))}}" />
  64.     {% endif %}
  66.     {% set customMetadata = pageblocks_meta(Page) %}
  68.     {% include "@Cms/page/metadata.html.twig" %}
  70.     {% for Language in languages %}
  71.         {% if Language.settings %}
  72.             {% for LanguageSettings in Language.settings %}
  73.                 {% if LanguageSettings.host and LanguageSettings.host == Settings.host %}
  74.                     {# <link rel="alternate" href="{{ (LanguageSettings.forceHttps ? 'https' : 'http') ~ '://' ~ LanguageSettings.host ~ LanguageSettings.baseUri }}" hreflang="{{Language.localeFull|replace({'_' : '-'})}}" /> #}
  75.                     <link rel="alternate" href="{{ (LanguageSettings.forceHttps ? 'https' : 'http') ~ '://' ~ LanguageSettings.host ~ LanguageSettings.baseUri }}" hreflang="{{Language.locale == 'gb' ? 'en' : Language.locale}}" />
  76.                 {% endif %}
  77.             {% endfor %}
  78.         {% endif %}
  79.     {% endfor %}
  81.     {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit %}
  82.         {% if deferStylesheets %}
  83.             <link rel="preload" href="/bundles/cms/css/frontinject.css" as="style" onload="this.onload=null;this.rel='stylesheet';">
  84.         {% else %}
  85.             <link rel="stylesheet" href="/bundles/cms/css/frontinject.css">
  86.         {% endif %}
  87.     {% endif %}
  88.     {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit and app.session.get('live_edit') == true %}
  89.         {% if deferStylesheets %}
  90.             <link rel="preload" href="{{asset('bundles/cms/css/font-awesome.min.css')}}" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  91.             <link rel="preload" href="/bundles/cms/css/jquery.cpop.css" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  92.         {% else %}
  93.             <link rel="stylesheet" href="{{asset('bundles/cms/css/font-awesome.min.css')}}">
  94.             <link rel="stylesheet" href="/bundles/cms/css/jquery.cpop.css">
  95.         {% endif %}
  96.         <style type="text/css">
  97.         .front-editor{
  98.             outline: none !important;
  99.             border: dashed 1px #ccc;
  100.             margin: -1px;
  101.         }
  103.         .cke_chrome {
  104.             box-shadow: none !important;
  105.         }
  107.         .cke_wordcount {
  108.             display: none !important;
  109.         }
  111.         .cke_float .cke_top {
  112.             background: #f3f3f3 !important;
  113.             border: solid 1px #ccc !important;
  114.             box-shadow: none !important;
  115.             border-radius: 2px !important;
  116.         }
  118.         .save-overlay{
  119.             position: fixed;
  120.             top: 0;
  121.             left: 0;
  122.             right: 0;
  123.             bottom: 0;
  124.             z-index: 10000;
  125.             background: #ffffffab;
  126.         }
  128.         .inline-save-btn{
  129.             position: fixed;
  130.             bottom: 40px;
  131.             right: 50px;
  132.         }
  134.         .lds-ring {
  135.             display: inline-block;
  136.             position: relative;
  137.             width: 120px;
  138.             height: 120px;
  139.             position: absolute;
  140.             top: 50%;
  141.             left: 50%;
  142.             margin-left: -60px;
  143.             margin-top: -60px;
  144.         }
  145.         .lds-ring span {
  146.             position: absolute;
  147.             top: 45px;
  148.             left: 30px;
  149.             right: 30px;
  150.             text-align: center;
  151.             font-size: 12px;
  152.             line-height: 16px;
  153.             color: #3594e8;
  154.             font-weight: bold;
  155.         }
  156.         .lds-ring div {
  157.             box-sizing: border-box;
  158.             display: block;
  159.             position: absolute;
  160.             width: 104px;
  161.             height: 104px;
  162.             margin: 8px;
  163.             border: 8px solid #3594e8;
  164.             border-radius: 50%;
  165.             animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  166.             border-color: #3594e8 transparent transparent transparent;
  167.         }
  168.         .lds-ring div:nth-child(1) {
  169.             animation-delay: -0.45s;
  170.         }
  171.         .lds-ring div:nth-child(2) {
  172.             animation-delay: -0.3s;
  173.         }
  174.         .lds-ring div:nth-child(3) {
  175.             animation-delay: -0.15s;
  176.         }
  177.         @keyframes lds-ring {
  178.             0% {
  179.                 transform: rotate(0deg);
  180.             }
  181.             100% {
  182.                 transform: rotate(360deg);
  183.             }
  184.         }
  186.         </style>
  187.     {% endif %}
  188.     {% for incl in Settings.getLayoutIncludeCss(true) %}
  189.         {% if deferStylesheets %}
  190.             <link rel="preload" href="{{incl}}?v=12" as="style" onload="this.onload=null;this.rel='stylesheet';">
  191.         {% else %}
  192.             <link rel="stylesheet" href="{{incl}}?v=12">
  193.         {% endif %}
  194.     {% endfor %}
  196.     {% if extraPageCss is defined %}
  197.     {% for incl in extraPageCss %}
  198.         {% if deferStylesheets %}
  199.             <link rel="preload" href="{{incl}}?v=12" as="style" onload="this.onload=null; this.rel='stylesheet'">
  200.         {% else %}
  201.             <link rel="stylesheet" href="{{incl}}?v=12">
  202.         {% endif %}
  203.     {% endfor %}
  204.     {% endif %}
  206.     {% for incl in Settings.getLayoutIncludeFont(true) %}
  207.         {% if deferStylesheets %}
  208.             <link rel="preload" href="{{incl}}?v=12" as="style" onload="this.onload=null;this.rel='stylesheet';">
  209.         {% else %}
  210.             <link rel="stylesheet" href="{{incl}}?v=12">
  211.         {% endif %}
  212.     {% endfor %}
  214.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  215.         {% if incl matches '/jquery-\\d.*\.min\.js/' %}
  216.         <script defer type="text/javascript" src="{{incl}}?v=12"></script>
  217.         {% endif %}
  218.     {% endfor %}
  220.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  221.         {% if incl matches '{popper}' %}
  222.             <script defer type="text/javascript" src="{{incl}}?v=12"></script>
  223.         {% endif %}
  224.     {% endfor %}
  226.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  227.         {% if not (incl matches '/jquery-\\d.*\.min\.js/') and not (incl matches '{popper}') %}
  228.             <script defer type="text/javascript" src="{{incl}}?v=12"></script>
  229.         {% endif %}
  230.     {% endfor %}
  232.     {% if Settings.cookiebar %}
  233.         <script defer src="/bundles/cms/js/avg.min.js"></script>
  234.     {% endif %}
  236.     {% if Settings.hasGoogleRecaptcha %}
  237.         <script>
  238.             var googleRecaptchaMode = '{{ Settings.googleRecaptchaMode }}';
  239.             var googleRecaptchaSitekey = '{{ Settings.googleRecaptchaSitekey }}';
  240.         </script>
  241.     {% endif %}
  243.     <script defer src="/bundles/cms/js/frontend_common.js"></script>
  245.     {% if extraPageJs is defined %}
  246.     {% for incl in extraPageJs %}
  247.         <script defer type="text/javascript" src="{{incl}}"></script>
  248.     {% endfor %}
  249.     {% endif %}
  251.     {% if Settings.googleCc is not empty %}
  252.         <meta name="google-site-verification" content="{{Settings.googleCc}}">
  253.     {% endif %}
  255.         {% if Settings.faceDomainKey is not empty %}
  256.             <meta name="facebook-domain-verification" content="{{ Settings.faceDomainKey }}" />
  257.         {% endif %}
  259.     {% if Settings.iosAppId is not empty %}
  260.         <meta name="apple-itunes-app" content="app-id={{Settings.iosAppId}}">
  261.     {% endif %}
  263.     {% if Settings.androidAppId is not empty %}
  264.         <meta name="google-play-app" content="app-id={{Settings.androidAppId}}">
  265.         {% if deferStylesheets %}
  266.             <link rel="preload" href="{{asset('bundles/cms/android-app-banner/banner.css')}}" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  267.         {% else %}
  268.             <link rel="stylesheet" href="{{asset('bundles/cms/android-app-banner/banner.css')}}" />
  269.         {% endif %}
  270.     {% endif %}
  273.     {% if Settings.cookiebar %}
  274.     {% else %}
  275.         {% if Settings.googleGtm is not empty %}
  276.             <!-- Google Tag Manager -->
  277.             <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  278.             new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  279.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  280.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  281.             })(window,document,'script','dataLayer','{{Settings.googleGtm}}');</script>
  282.             <!-- End Google Tag Manager -->
  283.         {% endif %}
  284.     {% endif %}
  286.     {% if Settings.facebookpixel is not empty %}
  287.         <script>
  288.         !function(f,b,e,v,n,t,s)
  289.         {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  290.         n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  291.         if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  292.         n.queue=[];t=b.createElement(e);t.async=!0;
  293.         t.src=v;s=b.getElementsByTagName(e)[0];
  294.         s.parentNode.insertBefore(t,s)}(window, document,'script',
  295.         'https://connect.facebook.net/en_US/fbevents.js');
  296.         fbq('init', '{{Settings.facebookpixel}}');
  297.         fbq('track', 'PageView');
  298.         </script>
  299.     {% endif %}
  301.         <script type="application/ld+json">
  302.         {
  303.             "@context": "http://schema.org/",
  304.             "@type": "Organization",
  305.             "name": "{{Settings.company}}",
  306.             "address": {
  307.                 "@type": "PostalAddress",
  308.                 "streetAddress": "{{Settings.address}}",
  309.                 "addressLocality": "{{Settings.place}}",
  310.                 {% if Settings.state is not empty %}
  311.                 "addressRegion": "{{Settings.state}}",
  312.                 {% endif %}
  313.                 "postalCode": "{{Settings.postalcode}}"
  314.             },
  315.             "telephone": "{{Settings.phone}}",
  316.             "email": "mailto:{{Settings.systemEmail|trim}}"
  317.         }
  318.         </script>
  320.         {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit and app.session.get('live_edit') == true %}
  321.             <script type="text/javascript">
  322.                 var frontendEdit = true;
  323.                 var ckAdminJsonUrl = '{{path('_adminjson')}}';
  324.                 var ckAdminPageUrl = '{{path('admin_page_selector')}}';
  325.                 var ckAdminMediaUrl = '{{path('admin_media', {type: 'image'})}}';
  326.                 var ckDropUploadUrl = '';
  327.             </script>
  329.             <script defer src="{{asset('bundles/cms/ckeditor/ckeditor.js')}}"></script>
  330.             <script defer src="{{asset('bundles/cms/jquery-match-height/dist/jquery.matchHeight-min.js')}}"></script>
  331.             <script defer src="{{asset('bundles/cms/jquery-ui-1.11.4.custom/jquery-ui.js')}}"></script>
  332.             <script defer src="{{ asset('bundles/cms/js/jquery.cpop.js') }}"></script>
  334.             <script defer src=" {{ asset('bundles/cms/js/frontend.js') }}"></script>
  335.         {% endif %}
  337.         {% if Settings.androidAppId is not empty %}
  338.         <script>
  339.             var smartBannerMsgTitle = '{{Settings.appLabel}}';
  340.             var smartBannerMsgAuthor = '{{Settings.company}}';
  341.             var smartBannerMsgButton = '{{ 'BEKIJKEN' | trans({}, '', app.request.locale) }}';
  342.             var smartBannerMsgIos = '{{ 'In de App Store' | trans }}';
  343.             var smartBannerMsgAndroid = '{{ 'In Google Play' | trans }}';
  344.             var smartBannerMsgWindows = '{{ 'In Windows store' | trans }}';
  345.             var smartBannerMsgPrice = '{{ 'GRATIS' | trans }}';
  346.             var smartBannerMsgIcon = '{{Settings.getAppIcon}}';
  347.         </script>
  348.         <script defer src="{{asset('bundles/cms/android-app-banner/banner.js')}}"></script>
  349.     {% endif %}
  350. {% endblock %}
  352. {% block admin_footer %}
  353.     {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
  354.         {% if 'admin' in app.request.attributes.get('_route') %}
  355.             <a style="position:fixed;bottom:30px;right: 30px;z-index: 1000;" class="btn" href="{{path('admin_users')}}?_switch_user=_exit"><i class="fa fa-lock"></i> {{ 'Exit impersonation' | trans }}</a>
  356.         {% else %}
  357.             <a style="position:fixed;bottom:30px;right: 30px;z-index: 1000;" class="btn" href="{{path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))}}?_switch_user=_exit"><i class="fa fa-lock"></i> {{ 'Exit impersonation' | trans }}</a>
  358.         {% endif %}
  359.     {% endif %}
  360.     {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit %}
  361.         <div id="admin-sidebar">
  362.             <div class="admin-logo" style="background-image:url('{{Settings.getLogo}}');"></div>
  363.             <ul>
  364.                 <li>
  365.                     <a href="{{path('admin')}}">Admin</a>
  366.                 </li>
  367.                 {% if app.session.get('live_edit') == true %}
  368.                     <li><a style="background: #4F805D;" href="?live_edit=0">{{ 'Live bewerken:' | trans }} <span class="value">{{ 'AAN' | trans }}</span></a></li>
  369.                 {% else %}
  370.                     <li><a href="?live_edit=1">{{ 'Live bewerken:' | trans }} <span class="value">{{ 'UIT' | trans }}</span></a></li>
  371.                 {% endif %}
  372.                 <li><a>{{ 'Gebruiker wisselen' | trans }}</a>
  373.                     <ul>
  374.                         {% for User in users %}
  375.                             {% if User.id > 1 %}
  376.                                 <li><a href="?_switch_user={{User.username}}">{{User.getName}}<span>{{User.username}} | <span class="orange-text">{{User.roles|join(', ')}}</span></span></a></li>
  377.                             {% endif %}
  378.                         {% endfor %}
  379.                     </ul>
  380.                 </li>
  381.                 {% if Settings.getMaintenance %}
  382.                     <li>
  383.                         <a style="background:#A46A1F;">{{ 'Maintainance mode is actief' | trans }}</a>
  384.                     </li>
  385.                 {% endif %}
  386.                 <li><a>{{(app.request.query.get("rev") and app.request.query.get("rev") matches '/^\\d+$/' ? ('Versie' | trans) ~ ' ' ~ app.request.query.get("rev") : ('Pagina versies' | trans))}}</a>
  387.                     <ul>
  388.                         {% set initial = false %}
  389.                         {% for Content in Page.content[0:10] %}
  390.                             {% if Content.name == 'default' %}
  391.                             {% set url = '?rev=' ~ Content.revision %}
  392.                             {% set label = (Content.revision == 0 ? ('Initiële versie' | trans) : ('Versie' | trans) ~ ' ' ~ Content.revision ) %}
  393.                             {% set style = '' %}
  395.                             {% if Content.published and initial == false %}
  396.                                 {% set initial = true %}
  397.                                 {% set label = ('Actuele versie' | trans) %}
  398.                                 {% set style = 'green darken-1' %}
  399.                             {% elseif Content.published == false %}
  400.                                 {% set label = ('Versie' | trans) ~ ' ' ~ Content.revision ~ ' ' ~ ('(Niet gepubliceerd)' | trans ) %}
  401.                                 {% set style = 'orange darken-2' %}
  402.                             {% endif %}
  404.                             {% if app.request.query.get("rev") and app.request.query.get("rev") == Content.revision %}
  405.                                 {% set style = 'grey darken-2' %}
  406.                             {% endif %}
  408.                             <li class="{{style}}"><a href="{{url}}">{{label}}<span>{{Content.created|date('d-m-Y H:i')}}</span></a></li>
  409.                             {% endif %}
  410.                         {% endfor %}
  411.                     </ul>
  412.                 </li>
  413.                 <li style="float:right;display: none;" id="fe-buttons">
  414.                     <button id="fe-restore" type="button">{{ 'Restore' | trans }}</button>
  415.                     <button id="fe-save" type="button">{{ 'Save' | trans }}</button>
  416.                 </li>
  417.             </ul>
  418.             {# <a class="pull">&raquo;</a> #}
  419.         </div>
  420.     {% endif %}
  422.     {% if Settings.test %}
  423.         <div class="test-mode-badge-wrapper">
  424.             <div class="test-mode-badge" title="{{ 'Test mode staat aan, configureer in website instellingen.' | trans }}"><i class="fa fa-exclamation-triangle"></i> {{ 'TEST MODE' | trans }}</div>
  425.         </div>
  426.     {% endif %}
  428.     {% if Settings.cookiebar %}
  429.         <script>
  430.             var avg_settings = {
  431.                 'gtmCode': '{{Settings.googleGtm is not empty ? Settings.googleGtm|raw : ''}}',
  432.                 'gaCode': '{{Settings.googleUa is not empty ? Settings.googleUa : ''}}',
  433.                 'gCode': '{{Settings.googleG is not empty ? Settings.googleG : ''}}',
  434.                 'lbl_info' : '{{'Wij gebruiken cookies om uw gebruikservaring te optimaliseren.'|trans({},'cookiebar', app.request.locale)}}',
  435.                 'lbl_settings_info' : '{{'Wij gebruiken cookies om uw gebruikservaring te optimaliseren, het webverkeer te analyseren en gerichte advertenties te kunnen tonen via derde partijen.'|trans({},'cookiebar', app.request.locale)}}</p><p class="lbl-info-more">{{'Als u akkoord gaat met ons gebruik van cookies, klikt u op "Alle cookies toestaan". Geef hieronder aan welke opties u wilt toestaan tijdens het gebruik van deze website.'|trans({},'cookiebar', app.request.locale)}}',
  437.                 'lbl_essential' : '{{'Essentieel'|trans({},'cookiebar', app.request.locale)}}',
  438.                 'lbl_preferences' : '{{'Voorkeuren'|trans({},'cookiebar', app.request.locale)}}',
  439.                 'lbl_statistics' : '{{'Statistieken'|trans({},'cookiebar', app.request.locale)}}',
  440.                 'lbl_marketing' : '{{'Marketing'|trans({},'cookiebar', app.request.locale)}}',
  442.                 'lbl_tooltip_essential' : '{{'Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.'|trans({},'cookiebar', app.request.locale)}}',
  443.                 'lbl_tooltip_preferences' : '{{'Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.'|trans({},'cookiebar', app.request.locale)}}',
  444.                 'lbl_tooltip_statistics' : '{{'Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.'|trans({},'cookiebar', app.request.locale)}}',
  445.                 'lbl_tooltip_marketing' : '{{'Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker.'|trans({},'cookiebar', app.request.locale)}}',
  447.                 'lbl_back' : '{{'Terug'|trans({},'cookiebar', app.request.locale)}}',
  448.                 'lbl_settings' : '{{'Instellingen'|trans({},'cookiebar', app.request.locale)}}',
  449.                 'lbl_accept' : '{{'Alle cookies toestaan'|trans({},'cookiebar', app.request.locale)}}',
  450.                 'lbl_save' : '{{'Accepteren en sluiten'|trans({},'cookiebar', app.request.locale)}}',
  451.                 'lbl_btn_reset' : '{{'Cookie instellingen'|trans({},'cookiebar', app.request.locale)}}',
  453.                 'link_cookie' : {{(Settings.avgCookie is not empty ? '\'' ~ Settings.avgCookie ~ '\'' : 'null')|raw}},
  454.                 'link_privacy' : {{(Settings.avgPrivacy is not empty ? '\'' ~ Settings.avgPrivacy ~ '\'' : 'null')|raw}},
  455.                 'link_disclaimer' : {{(Settings.avgDisclaimer is not empty ? '\'' ~ Settings.avgDisclaimer ~ '\'' : 'null')|raw}},
  457.                 'lbl_cookie_btn' : '{{'Cookie informatie'|trans({}, 'cookiebar', app.request.locale)}}',
  458.                 'lbl_privacy_btn' : '{{'Privacy statement'|trans({}, 'cookiebar', app.request.locale)}}',
  459.                 'lbl_disclaimer_btn' : '{{'Disclaimer'|trans({}, 'cookiebar', app.request.locale)}}',
  461.                 'reset_btn' : {{Settings.cookiebarButton ? 'true' : 'false'}},
  462.                 'reset_btn_position' : '{{Settings.cookiebarButtonPosition}}',
  463.                 'reset_btn_offset_right' : '{{Settings.cookiebarButtonOffset}}',
  464.             };
  465.         </script>
  466.     {% else %}
  467.         {% if Settings.googleUa is not empty %}
  468.             <!-- Google Analytics -->
  469.             <script>
  470.             (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  471.                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  472.                 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  473.                 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  475.                 ga('create', '{{Settings.googleUa}}', 'auto');
  476.                 ga('send', 'pageview');
  477.             </script>
  478.             <!-- End Google Analytics -->
  479.         {% endif %}
  480.         {% if Settings.googleGtm is not empty %}
  481.             <!-- Google Tag Manager (noscript) -->
  482.             <noscript><iframe data-src="https://www.googletagmanager.com/ns.html?id={{Settings.googleGtm}}"
  483.             height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  484.             <!-- End Google Tag Manager (noscript) -->
  485.         {% endif %}
  486.     {% endif %}
  488.     {% if Page.tplInject %}
  489.         {{Page.tplInject|raw}}
  490.     {% endif %}
  492.     {% if app.request.get('timer') and app.request.get('timer') == 2 and timer_result is defined %}
  493.         <div class="easify_timer" style="padding: 50px;">
  494.             <strong>TIMER:</strong>
  496.             {{timer_result|raw}}
  497.         </div>
  498.     {% endif %}
  499. {% endblock %}
  501. {% block footer1 %}{{Settings.footerBlock1|raw}}{% endblock %}
  502. {% block footer2 %}{{Settings.footerBlock2|raw}}{% endblock %}
  503. {% block footer3 %}{{Settings.footerBlock3|raw}}{% endblock %}
  504. {% block footer4 %}{{Settings.footerBlock4|raw}}{% endblock %}
  505. {% block footer5 %}{{Settings.footerBlock5|raw}}{% endblock %}