templates/meteo_tosa.html.twig line 1

Open in your IDE?
  2. {% extends 'frontend.html.twig' %}
  5. {% block article %}
  7.     <div class="grid-x grid-padding-x">
  8.         <div id="content-print" class="large-12 medium-12 cell">
  9.             <div id="content-page" class="callout">
  10.                 <div class="grid-x grid-padding-x toptitle">
  11.                     <div class="large-12 cell">
  12.                         <h1 class="main-heading">{{"Meteo" | trans }} Tosa</h1>
  13.                     </div>
  14.                 </div>
  16.                 <div class="grid-x grid-padding-x">
  17.                     <div class="large-12 cell"> 
  18.                         <div class="callout white">
  19.                             <div class="grid-x grid-padding-x">
  20.                                 <div class="large-10 medium-10 small-12 cell">
  21.                                     <h2>{{"La Tosa d'Alp - 2500m" | trans }}</h2>
  22.                                 </div>
  23.                                 <div class="large-2 medium-2 small-4 cell">
  24.                                     <img src="{{asset('/frontoffice/images/meteocat.jpg')}}" />
  25.                                 </div>
  26.                             </div>
  27.                             <div class="grid-x grid-padding-x">
  28.                                 <div class="large-12 cell">
  29.                                     <div class="datagrid">
  30.                                         <table width="100%">
  31.                                             <thead>
  32.                                                 <tr>
  33.                                                     <th colspan="2">{{"VALORES ACTUALES" | trans }}</th>
  34.                                                 </tr>
  35.                                             </thead>
  36.                                             <tbody>
  37.                                                 <tr><td>{{"Temperatura" | trans }}</td><td>{{aMeteo['32']}}</td></tr>
  38.                                                 <tr><td>{{"Humedad relativa" | trans }}</td><td>{{aMeteo['33']}}</td></tr>
  39.                                                 <tr><td>{{"Velocidad del viento a 10 m (esc.)" | trans }}</td><td>{{aMeteo['30']}}</td></tr>
  40.                                                 <tr><td>{{"Dirección de viento 10 m (m. 1)" | trans }}</td><td>{{aMeteo['31']}}</td></tr>
  41.                                                 <tr><td>{{"Dirección de la racha máxima del viento a 10 m." | trans }}</td><td>{{aMeteo['51']}}</td></tr>
  42.                                                 <tr><td>{{"Irradiancia solar global" | trans }}</td><td>{{aMeteo['36']}}</td></tr>
  43.                                             </tbody>
  44.                                         </table>
  45.                                     </div>
  46.                                 </div>
  47.                                 <div class="large-12 cell">
  48.                                     <div class="datagrid">
  49.                                         <table width="100%">
  50.                                             <thead>
  51.                                                 <tr>
  52.                                                     <th colspan="2">{{"MÀXIMES I MÍNIMES D'AVUI" | trans }}</th>
  53.                                                 </tr>
  54.                                             </thead>
  55.                                             <tbody>
  56.                                                 <tr><td>{{"Temperatura mínima" | trans }}</td><td>{{aMeteo['42']}}</td></tr>
  57.                                                 <tr><td>{{"Temperatura máxima" | trans }}</td><td>{{aMeteo['40']}}</td></tr>
  58.                                                 <tr><td>{{"Humedad relativa mínima" | trans }}</td><td>{{aMeteo['44']}}</td></tr>
  59.                                                 <tr><td>{{"Humedad relativa máxima" | trans }}</td><td>{{aMeteo['3']}}</td></tr>
  60.                                                 <tr><td>{{"Racha máxima del viento a 10 m" | trans }}</td><td>{{aMeteo['50']}}</td></tr>
  61.                                             </tbody>
  62.                                         </table>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  73. {% endblock %}
  75. {% block javascripts %}
  76.     {{parent()}}
  77.     <script src="{{asset('/frontoffice/js/jquery.mixitup.js')}}"></script>
  78.     <script src="{{asset('/frontoffice/js/smooth-scroll.js')}}" ></script>
  79.     <script src="{{asset('/frontoffice/js/owl.carousel.js')}}" ></script>
  80.     <script type="text/javascript">
  81.         {#$('#grid').mixitup({
  82.             transitionSpeed: 800
  83.         });#}
  84.         //Portfolio Filter Active State
  86.         {#% for pagina in secciones%}
  87.             {% if pagina.contenidos|length>0%}
  88.                 {% for contenido in pagina.contenidos%}
  89.                     {% if contenido.visible and contenido.tipo=='S' %}
  90.                         $("#carousel{{contenido.id}}").owlCarousel({
  91.                             items: 1,
  92.                             touchDrag: true,
  93.                             mouseDrag: true,
  94.                             itemsDesktop: [5000, 1],
  95.                             itemsDesktopSmall: [1440, 1],
  96.                             itemsTablet: [1024, 1],
  97.                             itemsTabletSmall: [640, 1],
  98.                             itemsMobile: [360, 1],
  99.                             navigation: false,
  100.                             pagination: true
  101.                         });
  102.                     {% endif %}
  103.                 {% endfor%}
  104.             {% endif %}
  105.         {% endfor%#}
  106.         {%if errors is defined and errors|length>0%}
  107.             alert("hay errores")
  108.         {%endif%}
  109.     </script>
  111.     <!--POP UP-->
  112.     <script src='js/magnific-popup/jquery.min.js'></script>
  113.     <script src='js/magnific-popup/jquery.magnific-popup.min.js'></script>
  114.     <script type="text/javascript">
  117.             $('.open-popup').magnificPopup({
  118.                 items: [
  119.                     {
  120.                         src: 'http://www.masella.com/cam1/jettmp.jpg',
  121.                         title: 'MASELLA JET 1600 m'
  122.                     },
  123.                     {
  124.                         src: 'http://www.masella.com/cam1/tgvtmp.jpg',
  125.                         title: 'TGV MASELLA 1600 m'
  126.                     },
  127.                     {
  128.                         src: 'http://www.masella.com/cam1/platmp.jpg',
  129.                         title: 'PLA DE MASELLA 1600 m'
  130.                     },
  131.                     {
  132.                         src: 'http://www.masella.com/cam1/piatmp.jpg',
  133.                         title: 'LA PIA 1700 m'
  134.                     },
  135.                     {
  136.                         src: 'http://www.masella.com/cam1/tv3.jpg',
  137.                         title: 'JUMBO TOSA 1900 m'
  138.                     },
  139.                     {
  140.                         src: 'http://www.masella.com/cam1/pletatmp.jpg',
  141.                         title: 'LA PLETA 1900 m'
  142.                     },
  143.                     {
  144.                         src: 'http://www.masella.com/cam1/comaoriolatmp.jpg',
  145.                         title: 'COMA ORIOLA 1950 m'
  146.                     }
  147.                 ],
  148.                 gallery: {
  149.                     enabled: true
  150.                 },
  151.                 type: 'image' // this is a default type
  152.             });
  153.     </script>
  155. {% endblock%}