templates/frontend.html.twig line 1

Open in your IDE?
  1. {% extends 'frontoffice_base.html.twig' %}
  2. {% set locale = app.request.locale %}
  3. {#% set esHome=false %#}{#Per defecte es false per a que només a la plantilla de la home es tingui en compte#}
  5. {% block stylesheets %}
  6.     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  7.     <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  8.     <link href="{{ asset('frontoffice/css/fontawesome/css/all.css') }}" rel="stylesheet" type="text/css" />
  9.     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  10.     <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
  11.     <link href="{{asset('frontoffice/css/owl.theme.css')}}" rel="stylesheet">
  12.     <link href="{{asset('frontoffice/css/main-responsive.css')}}" rel="stylesheet">
  13.     <link href="{{asset('frontoffice/css/main-retina.css')}}" rel="stylesheet">
  14.     <link href="{{asset('frontoffice/css/cols.css')}}" rel="stylesheet">
  15.     <link href="{{asset('frontoffice/css/magnific-popup.css')}}" rel="stylesheet">
  16.     <link href="{{asset('frontoffice/css/calendarstyle.css')}}" rel="stylesheet">
  17.     <link href="{{asset('frontoffice/css/foundation.css')}}" rel="stylesheet">
  18.     <link href="{{asset('frontoffice/css/prettyPhoto.css')}}" rel="stylesheet">
  19.     <link href="{{asset('frontoffice/css/menu.css')}}" rel="stylesheet">
  20.     <link href="{{asset('frontoffice/css/demo-cams.css')}}" rel="stylesheet">
  21.     <link href="{{asset('frontoffice/css/slider-cams.css')}}" rel="stylesheet">
  22.     <link href="{{asset('frontoffice/css/app.css')}}" rel="stylesheet">
  23.     <link href="{{asset('frontoffice/css/promos.css')}}" rel="stylesheet">
  24.     <!--<link href="{{asset('frontoffice/css/custom.css')}}" rel="stylesheet">-->
  25.     <link href="{{asset('frontoffice/css/print.css')}}" media="print" rel="stylesheet">
  26.     <!--Promos-->
  27.     <link href="https://fonts.googleapis.com/css?family=Gravitas+One&display=swap" rel="stylesheet">
  29. {#    <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />#}
  30. {#    <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>#}
  31.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@7/swiper-bundle.min.css" />
  32.     <script src="https://cdn.jsdelivr.net/npm/swiper@7/swiper-bundle.min.js"></script>
  34. {% endblock %}
  36. {% block body %}
  37.     {# AVISO DE COOKIES #}
  38.     {{ render(controller('App\\Controller\\DefaultController::cookiesGoogleAnalyticsBodyAction')) }}
  39.     {% block cookies %}
  40.         {# AVISO DE COOKIES #}
  41.         {{ render(controller('App\\Controller\\DefaultController::cookiesAction')) }}
  42.     {% endblock %}
  43.     {% block app %}
  44.         {# AVISO DE app #}
  45.         {#{ render(controller('App\\Controller\\DefaultController::app')) }#}
  46.     {% endblock %}
  48.     {#% include 'App::mobileMenu.html.twig' %#}
  49.     {#% include 'App::webHead.html.twig' %#}
  50.     {{ render (controller('App\\Controller\\HeadController::indexAction', {'app_request':app.request, 'entMenu':(entMenu is defined?entMenu:''), 'slug':(slug is defined?slug:'')})) }}
  51.     {#% include 'App::webMenu.html.twig' %#}
  53.     <div class="grid-container padding-mobile margin-top">
  54.     {% block textosmov %}{% endblock %}
  55.     {% block fondo_slider %}{% endblock %}
  57.     {% if esHome is defined and esHome==1 %}
  58.         <div class="si-movil">
  59.             <!--
  60.             <div class="swipervertical" style="width: 100%;height: 700px;">
  61.             -->
  62.             <div class="swipervertical" style="width: 100%;">
  63.                 <div class="swiper-wrapper">
  64.                     <div class="swiper-slide">
  65.                         {% block caixa_movil %}{% endblock %}
  66.                         {% if general.getWebcam360CapBoscVisible()  %}
  67.                         {% block Webcam360_movil %}{% endblock %}
  68.                         {% endif %}
  69.                     </div>
  70.                     <div class="swiper-slide">
  71.                         <div style="position:relative; background:#fff; width:100%;">
  72.                             <div class="grid-container padding-mobile general">
  73.                                 {% block article_movil %}{% endblock %}
  74.                             </div>
  75.                         </div>
  76.                     </div>
  77.                     <div class="swiper-slide">
  78.                         {% block foot2_movil %}{{ render (controller('App\\Controller\\FootController::indexAction')) }}{% endblock %}
  79.                     </div>
  80.                     <div class="swiper-slide">
  81.                         {% block foot3 %}{{ render (controller('App\\Controller\\FootController::meteoAction')) }}{% endblock %}
  82.                     </div>
  83.                 </div>
  84.                 <!-- If we need pagination -->
  85.                 <!--<div class="swiper-pagination-vertical"></div>-->
  87.                 <!-- If we need navigation buttons -->
  88.                 <!--<div class="swiper-button-prev-vertical"></div>
  89.                 <div class="swiper-button-next-vertical"></div>-->
  91.                 <!-- If we need scrollbar -->
  92.                 <div class="swiper-scrollbar-vertical"></div>
  93.             </div>
  94.         </div>
  95.         <div class="no-movil">
  96.             {% block caixa %}{% endblock %}
  97.             {% block Webcam360 %}{% endblock %}
  98.             <div style="position:relative; background:#fff; width:100%;">
  99.                 <div class="grid-container padding-mobile general">
  100.                     {% block article %}{% endblock %}
  101.                 </div>
  102.             </div>
  103.             <div class="config-cookies"><a class="cookiesConfiguration" aria-controls="configCookies" aria-haspopup="true" tabindex="0" title="{{"Configuració de cookies"|trans}}"><i class="fa-solid fa-gear fa-2x"></i> <span>{{"Configuració de cookies"|trans}}</span></a></div>
  104.             {% block foot2 %}{{ render (controller('App\\Controller\\FootController::indexAction')) }}{% endblock %}
  105.         </div>
  106.     {% else %}
  107.         <div style="position:relative; background:#fff; width:100%;">
  108.             <div class="grid-container padding-mobile general">
  109.                 {{ block ('article') }}
  110.             </div>
  111.         </div>
  112.         {% block foot4 %}{{ render (controller('App\\Controller\\FootController::indexAction')) }}{% endblock %}
  113.         <div class="si-movil">
  114.             {% block foot5 %}{{ render (controller('App\\Controller\\FootController::meteoAction')) }}{% endblock %}
  115.         </div>
  116.     {% endif %}
  117.     </div>
  118.     {#% if ( esHome is not defined) or ( esHome is defined and not esHome) %#}
  119.     {#% include 'App::foot.html.twig' %#}
  120.     {#% endif %#}
  121.     <div class="no-movil">
  123.         {% block foot %}{{ render (controller('App\\Controller\\FootController::meteoAction')) }}{% endblock %}
  124.     </div>
  126.     <div id="avis-cookies-config" class="reveal-overlay" style="display: none">
  127.         <div class="large reveal" id="configCookies" role="dialog" aria-hidden="false" data-yeti-box="configCookies" data-resize="configCookies" tabindex="-1" style="display: block; top: 172px;">
  128.             <div class="grid-container">
  129.                 <h2>{{"Configuració de cookies"|trans}}</h2>
  130.                 <ul class="tabs navbutton" data-tabs="p70s56-tabs" id="example-tabs" role="tablist">
  131.                     <li class="tabs-title is-active" role="presentation">
  132.                         <a href="#panel1v" aria-selected="true" role="tab" aria-controls="panel1v" id="panel1v-label" tabindex="0">{{"Cookies requerides"|trans}}</a>
  133.                     </li>
  134.                     <li class="tabs-title" role="presentation">
  135.                         <a href="#panel2v" role="tab" aria-controls="panel2v" aria-selected="false" id="panel2v-label" tabindex="-1">{{"Cookies analítiques"|trans}}</a>
  136.                     </li>
  137.                 </ul>
  138.                 <div class="tabs-content" data-tabs-content="example-tabs">
  139.                     <div class="tabs-panel is-active" id="panel1v" role="tabpanel" aria-labelledby="panel1v-label">
  140.                         <h4>{{"Cookies requerides"|trans}}</h4>
  141.                         <p>{{"Les cookies requerides o funcionals fan referència a la funcionalitat del nostre web, i ens permeten millorar el servei que oferim, per exemple, deixar-te introduir informació en els formularis sense necessitat d'escriure de nou les dades, o per reconèixer les preferències quan tornis al nostre lloc web."|trans}}</p>
  142.                         <div class="grid-x grid-padding-x">
  143.                             <div class="large-2 medium-2" style="width:6rem;">
  144.                                 <div class="switch large" style="display:inline-block;">
  145.                                     <input class="switch-input" id="requeridas" type="checkbox" name="requeridas" readonly="readonly" checked="checked">
  146.                                     <label class="switch-paddle">
  147.                                         <span class="switch-active" aria-hidden="true">{{"Si"|trans}}</span>
  148.                                         <span class="switch-inactive" aria-hidden="true">{{"No"|trans}}</span>
  149.                                     </label>
  150.                                 </div>
  151.                             </div>
  152.                             <div class="large-10 medium-10">
  153.                                 <h4 class="nomargin">{{"Activades"|trans}}</h4>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                     <div class="tabs-panel" id="panel2v" role="tabpanel" aria-labelledby="panel2v-label" aria-hidden="true">
  158.                         <h4>{{"Cookies analítiques"|trans}}</h4>
  159.                         <p>{{"Les cookies analítiques ens permeten reconèixer i comptar la quantitat d'usuaris al nostre lloc, veure com es mouen dins d'ell i registrar els continguts que els usuaris veuen o són de major interès. Això ens ajuda a millorar el servei que oferim, assegurant que els nostres usuaris troben la informació que necessiten."|trans}}</p>
  160.                         <div class="grid-x grid-padding-x">
  161.                             <div class="large-2 medium-2" style="width:6rem;">
  162.                                 <div class="switch large" style="display:inline-block;">
  163.                                     <input class="switch-input" id="analiticas" type="checkbox" name="analiticas">
  164.                                     <label class="switch-paddle" for="analiticas">
  165.                                         <span class="switch-active" aria-hidden="true">{{"Si"|trans}}</span>
  166.                                         <span class="switch-inactive" aria-hidden="true">{{"No"|trans}}</span>
  167.                                     </label>
  168.                                 </div>
  169.                             </div>
  170.                             <div class="large-10 medium-10">
  171.                                 <h4 class="nomargin">{{"Activar"|trans}}</h4>
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                 </div>
  176.             </div>
  177.             <div class="grid-x grid-padding-x grid-padding-y">
  178.                 <div class="large-4 medium-4 cell">
  179.                     <button id="acceptAllCookies" class="button expanded nomargin acceptAllCookies"><i class="fas fa-check-circle"></i> {{"Permet todes les cookies"|trans}}</button>
  180.                 </div>
  181.                 <div class="large-4 medium-4 cell">
  182.                     <button id="rejectAllCookies" class="button expanded nomargin"><i class="fas fa-ban"></i> {{"Rebutja totes les cookies"|trans}}</button>
  183.                 </div>
  184.                 <div class="large-4 medium-4 cell">
  185.                     <button id="saveConfigCookies" class="button expanded nomargin"><i class="fas fa-clipboard-check"></i> {{"Desa la configuració"|trans}}</button>
  186.                 </div>
  187.             </div>
  188.             <button class="close-button" data-close="" aria-label="Close modal" type="button"><span aria-hidden="true">×</span></button>
  189.         </div>
  190.     </div>
  191. {% endblock %}
  193. {% block javascripts %}
  194.         <script src="https://api.skitude.com/v2/applications/cda04e680bea3981751d7aa7257eb07c932771e5dea28db4a4dc9a457bf5d155/smartbanner.js?language={{ locale }}"></script>
  195.         <!-- LESS JS engine-->
  196.         <script src="{{asset('less/less-1.5.0.min.js')}}"></script>
  197.         <script src="{{asset('frontoffice/js/vendor/modernizr.js')}}"></script>
  198.         <script src="{{asset('frontoffice/js/jquery.js')}}" type="text/javascript"></script>
  200.         <script type="text/javascript">
  201.             $(function () {
  202.                 $(".swipervertical").css('height', $(window).height() + 'px');
  203.                 $(".acceptAllCookies").on("click", function (e) {
  204.                     e.preventDefault();
  205.                     aceptaCookies('{{path("aceptar_cookie")}}');
  206.                     aceptaCookies('{{path("aceptar_cookie_google_analytics")}}');
  207.                 });
  208.                 $("#rejectAllCookies").on("click", function () {
  209.                     aceptaCookies('{{path("eliminar_cookies")}}');
  210.                     aceptaCookies('{{path("aceptar_cookie")}}');
  211.                 });
  212.                 $("#saveConfigCookies").on("click", function () {
  213.                     aceptaCookies('{{path("aceptar_cookie")}}');
  214.                     if ($("#analiticas").prop('checked'))
  215.                     {
  216.                         aceptaCookies('{{path("aceptar_cookie_google_analytics")}}');
  217.                     }
  218.                 });
  219.                 $(".cookiesConfiguration").on("click", function () {
  220.                     $("#avis-cookies-config").slideDown();
  221.                 });
  222.                 $("#avis-cookies-config .close-button").on("click", function () {
  223.                     $("#avis-cookies-config").slideUp();
  224.                 });
  226.             });
  228.             function aceptaCookies(path)
  229.             {
  230.                 $.ajax({
  231.                     type: "POST",
  232.                     url: path,
  233.                     data: "accept=1",
  234.                     dataType: "text",
  235.                     success: function () {
  236.                         $("#avis-cookies").slideUp();
  237.                         $("#avis-cookies-config").slideUp();
  238.                     }
  239.                 });
  240.             }
  241.         </script>
  245.         <script src="{{asset('frontoffice/js/waypoints.min.js')}}"></script>
  247.         <script src="{{asset('frontoffice/js/main.js')}}"></script>
  250.         <script src="{{asset('frontoffice/js/jquery.magnific-popup.min.js')}}"></script>
  252.         <script src="{{asset('frontoffice/js/prettyPhoto/jquery.prettyPhoto.js')}}"></script>
  254.         <script src="{{asset('frontoffice/js/jquery.cams-slider.js')}}"></script>
  256. <!--<script src="{{asset('frontoffice/js/vendor/jquery.js')}}"></script>-->
  257.         <script src="{{asset('frontoffice/js/vendor/what-input.js')}}"></script>
  258.         <script src="{{asset('frontoffice/js/vendor/foundation.js')}}"></script>
  259.         <script src="{{asset('frontoffice/js/menu.js')}}"></script>
  260.         {# AVISO DE COOKIES #}
  261.         {{ render(controller('App\\Controller\\DefaultController::cookiesGoogleAnalyticsAction')) }}
  263.         <script>
  264.                                 $(document).foundation();
  265.         </script>
  268.         <script type="text/javascript" charset="utf-8">
  269.             $(document).ready(function () {
  270.                 $("area[rel^='prettyPhoto']").prettyPhoto();
  272.                 $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'normal', theme: 'facebook', slideshow: 3000, autoplay_slideshow: true});
  273.                 $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'fast', slideshow: 10000, hideflash: true});
  275.                 $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
  276.                     custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
  277.                     changepicturecallback: function () {
  278.                         initialize();
  279.                     }
  280.                 });
  282.                 $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
  283.                     custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
  284.                     changepicturecallback: function () {
  285.                         _bsap.exec();
  286.                     }
  287.                 });
  288.             });
  290.             var swipervertical = new Swiper('.swipervertical', {
  291.                 // Optional parameters
  292.                 direction: 'vertical',
  293.                 //loop: true,
  295.                 // If we need pagination
  296.                 pagination: {
  297.                     el: '.swiper-pagination-vertical',
  298.                 },
  300.                 // Navigation arrows
  301.                 navigation: {
  302.                     nextEl: '.swiper-button-next-vertical',
  303.                     prevEl: '.swiper-button-prev-vertical',
  304.                 },
  306.                 // And if we need scrollbar
  307.                 scrollbar: {
  308.                     el: '.swiper-scrollbar-vertical',
  309.                 },
  310.             });
  311.         </script>
  313.     <script>
  314.         // if (window.matchMedia("(min-width: 768px)").matches) {
  315.         //     window.addEventListener('mouseover', initLandbot, { once: true });
  316.         //     window.addEventListener('touchstart', initLandbot, { once: true });
  317.         //     var myLandbot;
  318.         //     function initLandbot() {
  319.         //         if (!myLandbot) {
  320.         //             var s = document.createElement('script');s.type = 'text/javascript';s.async = true;
  321.         //             s.addEventListener('load', function() {
  322.         //                 var myLandbot = new Landbot.Livechat({
  323.         //                     configUrl: 'https://storage.googleapis.com/landbot.pro/v3/H-1748610-2AFHJXPMDEEHRXW3/index.json',
  324.         //                 });
  325.         //             });
  326.         //             s.src = 'https://cdn.landbot.io/landbot-3/landbot-3.0.0.js';
  327.         //             var x = document.getElementsByTagName('script')[0];
  328.         //             x.parentNode.insertBefore(s, x);
  329.         //         }
  330.         //     }
  331.         //
  332.         // }
  333.     </script>
  335. {% endblock %}