templates/index.html.twig line 1

Open in your IDE?
  1. {# empty Twig template #}
  2. {% extends 'frontend.html.twig' %}
  3. {#% set esHome=true %#}
  4. {% block fondo_slider %}
  5. {% endblock %}
  6. {% block textosmov %}
  7.     <div class="wide no-movil avisos-text">
  8.         {% if attribute(general2, 'textestatic'~(app.request.locale|capitalize)) !='' %}
  9.             <div class="text-fix">{{attribute(general2, 'textestatic'~(app.request.locale|capitalize))|raw}}</div>
  10.         {% endif %}
  11.         {% if attribute(general2, 'textmoviment'~(app.request.locale|capitalize)) !='' %}
  12.             <marquee behavior="scroll" direction="left" scrolldelay="5" scrollamount="5" class="large-12 cell">
  13.                 {{attribute(general2, 'textmoviment'~(app.request.locale|capitalize))|raw}}
  14.             </marquee>
  15.         {% endif %}
  16.     </div>
  17. {% endblock %}
  18. {% block caixa_movil %}
  19.     <div style="position:relative;">
  20.         <style>
  21.             body{background: #fff;}
  22.             .grid-container.general{margin-top:0; padding-top:1rem;}
  23.         </style>
  24.         <!--<script>
  25.             $(document).scroll(function () {
  26.                 var y = $(this).scrollTop();
  27.                 if (y > 200) {
  28.                     $('#logo-top').fadeIn();
  29.                 } else {
  30.                     $('#logo-top').fadeOut();
  31.                 }
  32.             });
  33.         </script>-->
  34.         <!--
  35.         {% if videoYoutubeDestacatCentral.youtubeId is defined and videoYoutubeDestacatCentral.youtubeId !='' %}
  36.             {% set youtube = videoYoutubeDestacatCentral.youtubeIdResponsive|split('/embed/') %}
  37.             
  38.         {% else %}
  39.             <div class="grid-x grid-padding-x wide"  {% if videoYoutubeDestacatCentral.youtubeId is defined and videoYoutubeDestacatCentral.youtubeId !='' %} style="background: #5cb6ff;" {% endif %}>
  40.                 <div class="large-2 medium-2 small-6 cell left-home">
  41.                     <div class="grid-x grid-padding-x">
  42.                         <div class="large-12 medium-12 small-3 cell">
  43.                             <div class="button-home">
  44.                                 <a href="{{path('webcam')}}"><i class="fas fa-video"></i><h6><span>{{ "Webcam" | trans }}</h6></a>
  45.                             </div>
  46.                         </div>
  47.                         <div class="large-12 medium-12 small-3 cell">
  48.                             <div class="button-home">
  49.                                 <a href="{{path('frontoffice_videos_youtube2')}}"><i class="fab fa-tv-masella"></i><h6>{{ "Masella TV" | trans }}</h6></a>
  50.                             </div>
  51.                         </div>
  52.                         <div class="large-12 medium-12 small-3 cell">
  53.                             <div class="button-home">
  54.                                 <a href="{{path('frontoffice_fotos')}}"><i class="far fa-image"></i><h6>{{ "Fotos" | trans }}</h6></a>
  55.                             </div>
  56.                         </div>
  57.                         <div class="large-12 medium-12 small-3 cell">
  58.                             <div class="button-home">
  59.                                 <a href="http://www.masella.com/blog/{{app.request.locale}}"><i class="fab fa-wordpress"></i><h6>{{ "Blog" | trans }}</h6></a>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  63.                 </div>
  64.                 <div class="large-8 medium-8 cell no-movil">
  65.                     &nbsp;
  66.                 </div>
  67.                 <div class="large-2 medium-2 small-6 cell right-home">
  68.                     <div class="grid-x grid-padding-x">
  69.                         <div class="large-12 medium-12 small-3 cell">
  70.                             <div class="button-home">
  71.                                 <a href="{{path("paginas",{'_slug':render(controller("App\\Controller\\DefaultController::getAppSlugAction"))})}}"><i class="fas fa-mobile-alt"></i><h6>{{ "App Masella" | trans }}</h6></a>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         {% endif %}
  78.         -->
  79.         <div id="box-slide">
  80.             <div class="wide">
  81.                 <div class="slide-home">
  82.                     <div class="orbit" role="region" data-orbit>
  83.                         <div class="orbit-wrapper">
  84.                             <div class="orbit-controls">
  85.                                 <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
  86.                                 <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
  87.                             </div>
  88.                             <ul class="orbit-container">
  89.                                 {% for foto in fotos %}
  90.                                     <li class="is-active orbit-slide">
  91.                                         <figure class="orbit-figure">
  92.                                             <img class="orbit-image" src="{{ asset('uploads/fotos/'~foto.rutaImagen)}}" title="{{ attribute(foto, 'titol'~app.request.locale) }}" />
  93.                                             <figcaption class="orbit-caption">{{ attribute(foto, 'titol'~app.request.locale) }}</figcaption>
  94.                                         </figure>
  95.                                     </li>
  96.                                 {% endfor %}
  97.                             </ul>
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>        
  104. {% endblock %}
  105. {% block caixa %}
  106.     <div style="position:relative;">
  107.         <style>
  108.             body{background: #fff;}
  109.             .grid-container.general{margin-top:0; padding-top:1rem;}
  110.         </style>
  111.         <!--<script>
  112.             $(document).scroll(function () {
  113.                 var y = $(this).scrollTop();
  114.                 if (y > 200) {
  115.                     $('#logo-top').fadeIn();
  116.                 } else {
  117.                     $('#logo-top').fadeOut();
  118.                 }
  119.             });
  120.         </script>-->
  121.             <div class="large-12 cell video-pc no-movil">
  122.                 {%  if general.getVideoSliderHome() == 'video' %}
  123.                     {% if videoYoutubeDestacatCentral.youtubeId is defined and videoYoutubeDestacatCentral.youtubeId !='' %}
  124.                         {% set youtube = videoYoutubeDestacatCentral.youtubeId|split('/embed/') %}
  125.                     <div class="responsive-embed widescreen" style="margin-bottom:0; position:relative; overflow: hidden;">
  126.                         <iframe class="mfp-iframe" src="{{videoYoutubeDestacatCentral.youtubeId}}?autoplay=1&mute=1&controls=0&loop=1&playlist={{youtube[1]}}&rel=0&modestbranding=0?showinfo=1" frameborder="0" allowfullscreen="" style="width:100%; height:100%; position:absolute; top:-60px; bottom:-60px;" scrolling="no"></iframe>
  127.                     </div>
  128.                     {% endif %}
  129.                 {% else %}
  130.                     <div class="slide-home">
  131.                         <div class="orbit" role="region" data-orbit>
  132.                             <div class="orbit-wrapper">
  133.                                 <div class="orbit-controls">
  134.                                     <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
  135.                                     <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
  136.                                 </div>
  137.                                 <ul class="orbit-container">
  138.                                     {% for entity in enFotosHome %}
  139.                                         <li class="is-active orbit-slide">
  140.                                             <figure class="orbit-figure">
  141.                                                 <img class="orbit-image" src="{{ asset('uploads/fotoshome/' ~ entity.rutaImagen)}}" title="{{ attribute(entity, 'titol'~app.request.locale) }}" />
  142.                                                 <figcaption class="orbit-caption">{{ attribute(entity, 'titol'~app.request.locale) }}</figcaption>
  143.                                             </figure>
  144.                                         </li>
  145.                                     {% endfor %}
  146.                                 </ul>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 {% endif %}
  151.                 <script>
  152.                     function closeApp() {
  153.                         var v = document.getElementById("app-up");
  154.                         if (v.style.display === "none") {
  155.                             v.style.display = "block";
  156.                         } else {
  157.                             v.style.display = "none";
  158.                         }
  159.                     }
  160.                 </script>
  161.                 <script>
  162.                     function closeUp() {
  163.                         var v = document.getElementById("compra-up");
  164.                         if (v.style.display === "none") {
  165.                             v.style.display = "block";
  166.                         } else {
  167.                             v.style.display = "none";
  168.                         }
  169.                     }
  170.                 </script>
  171.                 {%  if general.getComprarVisible() %}
  172.                 <div id="compra-up">
  173.                     <h5>{{ "Compra a Masella" | trans }}</h5>
  174.                     <select name="compra" id="compra">
  175.                         {% if general.getBotigaAbonament() == 1 %}
  176.                             {% if app.request.locale == 'en' or app.request.locale == 'fr' %}
  177.                                 <option value="{{path('abonaments_temporada_front', {'_locale':'ca'})}}" data_target="" selected="selected">{{ "Abonaments temporada" | trans }}</option>
  178.                             {% else %}
  179.                                 <option value="{{path('abonaments_temporada_front')}}#content-page" data_target="" selected="selected">{{ "Abonaments temporada" | trans }}</option>
  180.                             {% endif %}
  181.                         {% endif %}
  182.                         {% if general.getBotigaForfets() == 1 %}
  183.                             {% if app.request.locale == 'en' %}
  184.                                 <option value="https://masella.axess.shop/es/Tickets/Index" data_target="_blank">{{ "Forfets dia i nit" | trans }}</option>
  185.                             {% else %}
  186.                                 {% if app.request.locale == 'fr' %}
  187.                                     <option value="https://masella.axess.shop/fr/Products/Tickets/" data_target="_blank">{{ "Forfets dia i nit" | trans }}</option>
  188.                                 {% else %}
  189.                                 <option value="https://masella.axess.shop/{{app.request.locale}}/Tickets/Index" data_target="_blank">{{ "Forfets dia i nit" | trans }}</option>
  190.                                 {% endif %}
  191.                             {% endif %}
  192.                         {% endif %}
  193.                         {% if general.getBotigaPromocions() == 1 %}
  194.                             <option value="https://masella.axess.shop/{{app.request.locale}}/Tickets#pg1001" data_target="_blank">{{ "Forfets promocions i varis dies" | trans }}</option>
  195.                         {% endif %}
  196.                         {% if general.getBotigaRecarrega() == 1 %}
  197.                             <option value="https://masella.axess.shop/{{app.request.locale}}" data_target="_blank">{{ "Recàrrega forfets" | trans }}</option>
  198.                         {% endif %}
  199.                         {% if general.getBotigaClasses() == 1 %} 
  200.                             <option value="{{path('abonaments_temporada_classes')}}" data_target="">{{ "Classes d'esquí i snowboard" | trans }}</option>
  201.                         {% endif %}
  202.                         {% if general.getBotigaLloguer() == 1 %} 
  203.                             <option value="{{path('abonaments_temporada_botiga')}}" data_target="">{{ "Lloguer i guardaesquís" | trans }}</option>
  204.                         {% endif %}
  205.                     </select>
  206.                     {% if app.request.locale == 'en' or app.request.locale == 'fr' %}
  207.                         <a id="btnCompra" class="button expanded" href="{{path('abonaments_temporada_front', {'_locale':'ca'})}}">{{ "Compra ara" | trans }}</a>
  208.                     {% else %}                    
  209.                         <a id="btnCompra" class="button expanded" href="{{path('abonaments_temporada_front')}}">{{ "Compra ara" | trans }}</a>
  210.                     {% endif %}
  211.                     <strong>{{ "Atenció al client" | trans }}</strong>: &nbsp; <a href="tel:972144000"><i class="fas fa-phone"></i> 972 144 000</a>
  212.                     <a class="close-button"  onclick="closeUp()"><span aria-hidden="true">&times;</span></a>
  213.                 </div>
  214.                 {% endif %}
  215.             </div>
  216.     </div>
  217. {% endblock %}
  218. {% block Webcam360_movil %}
  219.     <div style="position:relative; background:#fff; padding-top:0; margin-top: 4%;">
  220.         <div class="grid-container padding-mobile">
  221.             <div class="large-12 cell">
  222.                 <div class="grid-x grid-padding-x align-middle" style="background:#fff;">
  223.                     <div class="large-12 cell text-center" style="background: #6B9E9A; padding-top:10px; margin-bottom: 0px; margin-top: 10px;">
  224.                         <h2 class="main-heading" style="margin-bottom: 0;"><strong>LiveCam 360&deg;</strong></h2>
  225.                         <h5 class="main-heading">{{"Jumbo Tosa" | trans }}</h5>
  226.                     </div>
  227.                     <div class="large-12 medium-12" style="overflow: hidden;">
  228.                         <!--vertical-->  <div id="roundshot-thumbnail-54e8157b35bf33b39791639580461ee72" class="cam360 si-movil" style="border: 0px solid rgba(10, 10, 10, 0); overflow:hidden;"></div><script src="https://backend.roundshot.com/js/roundshot_animated_thumbnail.js" type="text/javascript"></script><script type="text/javascript"> roundshot.animate({id: "54e8157b35bf33b39791639580461ee72", picture: "https://backend.roundshot.com/cams/54e8157b35bf33b39791639580461ee7/thumbnail", link: "https://masella.roundshot.com/", angle: 360, width: 600, height: 160, bounce: false, open_in_new_tab: true, speed: 20});</script>
  229.                     </div>
  230.                     <div class="large-12 cell text-center">
  231.                         <a href="{{path('webcam')}}" class="button large" style="background:#fff; color:#6B9E9A; padding:0.2rem 1rem 1rem 1rem; font-size: 1.8rem; border-bottom: solid 2px #6B9E9A;"><img src="{{asset('frontoffice/images/webcam-green.svg')}}"/> <strong>{{ "Webcams" | trans }}</strong></a>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.         </div>
  236.     </div>
  237. {% endblock %}
  238. {% block Webcam360 %}
  239.     <div style="position:relative; background:#fff; padding-top:1rem;">
  240.         <div class="grid-container padding-mobile">
  241.             {% if general.getWebcam360CapBoscVisible()  %}
  242.                 <div class="large-12 cell">
  243.                     <div class="grid-x grid-padding-x align-middle mobile-wide">
  244.                         <div class="large-6 medium-6 small-6 cell">
  245.                             <h3 class="main-heading">LiveCam 360&deg;</h3>
  246.                             <h5 class="main-heading">{{"Jumbo Tosa" | trans }}</h5>
  247.                         </div>
  248.                         <div class="large-6 medium-6 small-6 cell">
  249.                             <a href="{{path('webcam')}}" class="button large"><img src="{{asset('frontoffice/images/webcam.svg')}}"/> {{ "Webcams" | trans }}</a>
  250.                         </div>
  251.                         <div class="large-12 medium-12 cell" style="overflow: hidden;">
  252.                             <!--horizontal--><div id="roundshot-thumbnail-54e8157b35bf33b39791639580461ee7" class="cam360 no-movil" style="border: 1px solid rgba(10, 10, 10, 0.25);"></div><script src="https://backend.roundshot.com/js/roundshot_animated_thumbnail.js" type="text/javascript"></script><script type="text/javascript"> roundshot.animate({id: "54e8157b35bf33b39791639580461ee7", picture: "https://backend.roundshot.com/cams/54e8157b35bf33b39791639580461ee7/thumbnail", link: "https://masella.roundshot.com/", angle: 360, width: 1174, height: 449, bounce: false, open_in_new_tab: true, speed: 20});</script>
  253.                             <p class="no-movil" style="text-align: center; margin-bottom: 2rem;">{{"Clicar la imatge" | trans }}</p>
  254.                         </div>
  255.                     </div>
  256.                 </div>  
  257.             {% endif %}
  258.         </div>
  259.     </div>
  260. {% endblock %}
  261. {% block article_movil %}
  262.     <div style="position:relative; background:#fff;">
  263.         <div class="grid-x grid-padding-x" data-equalizer="foo">
  264.             <!-- Slider main container -->
  265.             <!--
  266.             <div class="swiper" style="width:100%;height: 700px;  padding-top:0;">
  267.             -->
  268.             <div class="swiper" style="width:100%;  padding-top:0;">
  269.                 <!-- Additional required wrapper -->
  270.                 <div class="swiper-wrapper">
  271.                     {% for pestanya in enPestanyes %}
  272.                         <div class="small-12 pestanya swiper-slide">
  273.                             {% if attribute(pestanya, 'link'~(app.request.locale|capitalize)) !='' %}
  274.                                 <a href="{{attribute(pestanya, 'link'~(app.request.locale|capitalize))}}" target="_blank">
  275.                                 {% endif %}
  276.                                 <div class="callout" style="position:relative; padding: 0;">
  277.                                     <div class="top-pestanya">
  278.                                         <h2 class="text-left"><strong>{{ "Descobreix Masella" | trans }}</strong></h2>
  279.                                         <h4 class="text-left">{{attribute(pestanya, 'titol'~(app.request.locale|capitalize))}}</h4>
  280.                                         {{attribute(pestanya, 'text'~(app.request.locale|capitalize))|raw}}
  281.                                     </div>
  282.                                     {% if pestanya.imatge != '' %}
  283.                                         <div class="img-pestanya" style="background-image: url('{{ asset('uploads/pestanyes/'~pestanya.imatge) }}');">
  284.                                             <img class="img-pestanya_int"src="{{asset('frontoffice/images/mobile-vertical.gif')}}" />
  285.                                         </div>
  286.                                     {% endif %}
  287.                                 </div>
  288.                                 {% if attribute(pestanya, 'link'~(app.request.locale|capitalize)) !='' %}
  289.                                 </a>
  290.                             {% endif %}
  291.                         </div>
  292.                     {% endfor %}
  293.                 </div>
  294.                 <!-- If we need pagination -->
  295.                 <div class="swiper-pagination" style="top:80%;"></div>
  296.                 <!-- If we need navigation buttons -->
  297.                 <!--
  298.                 <div class="swiper-button-prev"></div>
  299.                 <div class="swiper-button-next"></div>
  300.                 -->
  301.                 <!-- If we need scrollbar
  302.                 <div class="swiper-scrollbar"></div> -->
  303.             </div>
  304.         </div>
  305.     </div>
  306. {% endblock %}
  307. {% block article %}
  308.     <div style="position:relative; background:#fff;">
  309.         <div class="grid-container padding-mobile">
  310.             {% set col=0%}   
  311.             {#% if videoDestacat.codi is defined and videoDestacat.codi !='' %} {% set col=col+1 %} {% endif %#} 
  312.             {#% if general.pestanya1Visible %} {% set col=col+1 %} {% endif %}
  313.             {% if general.pestanya2Visible %} {% set col=col+1 %} {% endif %}
  314.             {% if general.pestanya3Visible %} {% set col=col+1 %} {% endif %}
  315.             {% if general.pestanya4Visible %} {% set col=col+1 %} {% endif %#}
  316.             {% if sFotoDelDia is not empty %} {% set col=col+1 %} {% endif %}
  317.             <h3 class="text-center">{{ "Descobreix Masella" | trans }}</h3>
  318.             <div class="slide-home">
  319.                 <div class="orbit" role="region" data-orbit>
  320.                     <div class="orbit-wrapper">
  321.                         <div class="orbit-controls">
  322.                             <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
  323.                             <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
  324.                         </div>
  325.                         <ul class="orbit-container bloques">
  326.                             {% set iIcon = 0 %}
  327.                             {% for pestanya in enPestanyes %}
  328.                                 {% set iIcon=iIcon+1 %}
  329.                                 {% if (iIcon == 1) %}
  330.                                     <li class="is-active orbit-slide">
  331.                                         <div class="grid-x grid-padding-x" data-equalizer="foo">
  332.                                         {% endif %}
  333.                                         <div class="large-4 medium-4 pestanya" style="min-height: 286px!important;">
  334.                                             {% if attribute(pestanya, 'link'~(app.request.locale|capitalize)) !='' %}
  335.                                                 <a href="{{attribute(pestanya, 'link'~(app.request.locale|capitalize))}}" target="_blank">
  336.                                                 {% endif %}
  337.                                                 <div class="callout" data-equalizer-watch="foo" style="position:relative; min-height: 286px!important;">
  338.                                                     <h5>{{attribute(pestanya, 'titol'~(app.request.locale|capitalize))}}</h5>
  339.                                                     {{attribute(pestanya, 'text'~(app.request.locale|capitalize))|raw}}
  340.                                                     {% if pestanya.imatge != '' %}
  341.                                                         <div class="img-pestanya" style="background-image: url('{{ asset('uploads/pestanyes/'~pestanya.imatge) }}');">
  342.                                                             <img src="{{asset('frontoffice/images/pc-vertical.gif')}}" />
  343.                                                         </div>
  344.                                                     {% endif %}
  345.                                                 </div>
  346.                                                 {% if attribute(pestanya, 'link'~(app.request.locale|capitalize)) !='' %}
  347.                                                 </a>
  348.                                             {% endif %}
  349.                                         </div>
  350.                                         {% if (iIcon == 3) %}
  351.                                             {% set iIcon = 0%}
  352.                                         </div>
  353.                                     </li>
  354.                                 {% endif %}
  355.                             {% endfor %}
  356.                             {% if (iIcon != 0) %}
  357.                         </div>
  358.                         </li>
  359.                     {% endif %}
  360.                     </ul>
  361.                 </div>
  362.             </div>
  363.         </div>
  364.     </div>
  365.     {#% include 'App::foot.html.twig' %#}
  366. {% endblock %}
  367. {% block javascripts %}
  368.     {{parent()}}
  369.     <script type="text/javascript">
  370.         {%if errors is defined and errors|length>0%}
  371.             alert("hay errores")
  372.         {%endif%}
  373.             $(function () {
  374.                 $(".swiper").css('height', $(window).height() + 'px');
  375.                 $(".img-pestanya_int").css('height', ($(window).height() - 220) + 'px');
  376.                 $('#compra').on('change', function (e) {
  377.                     $('#btnCompra').attr('href', $(this).val()).attr('target', $('option:selected', this).attr('data_target'));
  378.                 })
  379.             })
  380.             var swiper = new Swiper('.swiper', {
  381.                 // Optional parameters
  382.                 direction: 'horizontal',
  383.                 loop: true,
  384.                 // If we need pagination
  385.                 pagination: {
  386.                     el: '.swiper-pagination',
  387.                 },
  388.                 // Navigation arrows
  389.                 navigation: {
  390.                     nextEl: '.swiper-button-next',
  391.                     prevEl: '.swiper-button-prev',
  392.                 },
  393.                 // And if we need scrollbar
  394.                 scrollbar: {
  395.                     el: '.swiper-scrollbar',
  396.                 },
  397.             });
  398.     </script>
  399. {% endblock%}