templates/frontend/Competicion/onlinePanel_new-torneo.html.twig line 1

Open in your IDE?
  1. {% set numplazas = competicion.plazas - num_inscritos %}
  2. {% set clase_plazas = 'green' %}
  3. {% set isOffline = (competicion.modo.id == 2) %}
  4. {% if numplazas <= 0 %}
  5.     {% set clase_plazas = 'red' %}
  6. {% endif %}
  8. {% if (competicion.modo.id >= 3) %}
  9.     <div class="ui secondary basic segment mobile only">
  10.         <!-- HACER SEGMENTO -->
  11.         <h4 class="ui header">
  12.             Plazas disponibles
  13.             {% if competicion.mostrarPlazas %}
  14.                 <div class="ui small circular basic label {{ clase_plazas }}">
  15.                     {% if competicion.organizador.id != "AM00" %}
  16.                         {{ numplazas }}
  17.                     {% else %}
  18.                         {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  19.                     {% endif %}
  20.                 </div>
  21.             {% else %}
  22.                 {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  23.             {% endif %}
  24.         </h4>
  25.     </div>
  27.     {% set oculto = "" %}
  28.     {% set rutaInsc = app.request.attributes.get('_route') %}
  29.     {% if ((competicion.fin|date('Y-m-d') < "now"|date('Y-m-d')) or (rutaInsc == 'competicion_inscritos_new' or rutaInsc == 'competicion_inscritos_pareja_new')) %}
  30.         {% set oculto = "mobile hidden" %}
  31.     {% endif %}
  32.     <div class="ui attached segment {{ oculto }} messagesBlock">
  33.         {% if competicion.social and competicion.estado == 'abierta' %}
  34.             <div class="ui orange top right attached label">
  35.                 {{ 'messages.inscripcion.social'|trans({}, 'FrontendBundle') }}
  36.             </div>
  37.         {% endif %}
  39.         <div class="ui grid stackable container">
  40.             <div class="five wide column">
  41.                 <h4 class="ui header slab verydisabled">{{ 'titles.fare'|trans({}, 'FrontendBundle') }}</h4>
  42.                 {% if not competicion.tarifaReglamento %}
  43.                     {% for tar in tarifas %}
  44.                         <p class="grisCursiva">{{ tar.nombre }}:&nbsp;&nbsp;<span
  45.                                     class="ui small circular verydisabled label">{{ tar.importe }} €</span></p>
  46.                     {% endfor %}
  47.                 {% else %}
  48.                     <div class="ui circular label">{{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}</div>
  49.                 {% endif %}
  50.             </div>
  52.             <div class="six wide column grisCursiva">
  53.                 <h4 class="ui header slab verydisabled">{{ 'titles.time-limit'|trans({}, 'FrontendBundle') }} (hora local)</h4>
  55.                 {% if competicion.inicio != null %}
  56.                     <i class="unlock disabled grey icon"></i>
  57.                     <span>{{ competicion.inicio|date('d/m/y', competicion.club.timezone.nombre) }}&nbsp;</span>
  58.                     <i class="wait disabled grey icon"></i>
  59.                     <span>{{ competicion.inicio|date('H:i', competicion.club.timezone.nombre) }}</span>&nbsp;&nbsp;
  60.                 {% endif %}
  62.                 {% if competicion.fin != null %}
  63.                     <i class="lock disabled grey icon"></i>
  64.                     <span>{{ competicion.fin|date('d/m/y', competicion.club.timezone.nombre) }}</span>&nbsp;
  65.                     <i class="wait disabled grey icon"></i>
  66.                     <span>{{ competicion.fin|date('H:i', competicion.club.timezone.nombre) }}</span>
  67.                 {% endif %}
  68.             </div>
  70.             <div class="five wide middle aligned column">
  71.                 {% if competicion.estado == 'abierta' and (not competicion.inicio is null) and competicion.modo.id != 5 %}
  72.                     {% set lic = app.request.get('lic')|default('') %}
  73.                     {% set email = app.request.get('email')|default('') %}
  75.                     {% set clase_inscripcion = "disabled" %}
  76.                     {% set plazas_disponibles = competicion.plazas - num_inscritos %}
  78.                     {% if (
  79.                             (
  80.                                 ((plazas_disponibles <= 0) and competicion.listaEspera) or (plazas_disponibles > 0)
  81.                             )
  82.                             and (
  83.                                 'now'|date("U") >= competicion.inicio|date("U") and 'now'|date("U") < competicion.fin|date("U")
  84.                             )
  85.                         ) %}
  86.                             {% set clase_inscripcion = "blue" %}
  87.                     {% endif %}
  89.                     {% if competicion.jugadores == 1 %}
  90.                         <a class="ui animated fluid {{ clase_inscripcion }} middle aligned button" tabindex="0"
  91.                            href="{{ path('competicion_inscritos_new', {'id': competicion.id }) }}?lic={{ lic }}&email={{ email }}#insc{{ competicion.id }}">
  92.                             <div class="visible content">
  93.                                 {% if (plazas_disponibles > 0) %}
  94.                                     {{ 'competicion.inscritos.inscripcion'|trans({}, 'FrontendBundle') }}
  95.                                 {% elseif ((plazas_disponibles <= 0) and competicion.listaEspera) %}
  96.                                     {{ 'competicion.inscritos.inscripcion'|trans({}, 'FrontendBundle') }}
  97.                                 {% else %}
  98.                                     {{ 'competicion.inscritos.no_available'|trans({}, 'FrontendBundle') }}
  99.                                 {% endif %}
  100.                             </div>
  101.                             <div class="hidden content">
  102.                                 Plazas disponibles:
  103.                                 {% if competicion.mostrarPlazas %}
  104.                                     {% if competicion.organizador.id != "AM00" %}
  105.                                         {{ numplazas }}
  106.                                     {% else %}
  107.                                         {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  108.                                     {% endif %}
  109.                                 {% else %}
  110.                                     {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  111.                                 {% endif %}
  112.                             </div>
  113.                         </a>
  114.                     {% elseif competicion.jugadores == 2 %}
  115.                         <a href="{{ path('competicion_inscritos_pareja_new', {'id': competicion.id }) }}?lic={{ lic }}&email={{ email }}#insc{{ competicion.id }}"
  116.                            class="{{ clase_inscripcion }}">
  117.                             <div class="ui animated fluid {{ clase_inscripcion }} button" tabindex="0">
  118.                                 <div class="visible content">
  119.                                     {{ 'competicion.inscritos.inscripcion'|trans({}, 'FrontendBundle') }}
  120.                                 </div>
  121.                                 <div class="hidden content">
  122.                                     Plazas disponibles:
  123.                                     {% if competicion.mostrarPlazas %}
  124.                                         {% if competicion.organizador.id != "AM00" %}
  125.                                             {{ numplazas }}
  126.                                         {% else %}
  127.                                             {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  128.                                         {% endif %}
  129.                                     {% else %}
  130.                                         {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  131.                                     {% endif %}
  132.                                 </div>
  133.                             </div>
  134.                         </a>
  135.                     {% elseif competicion.jugadores > 2 %}
  136.                         <a href="{{ path('competicion_inscritos_equipo_new', {'id': competicion.id }) }}?lic={{ lic }}&email={{ email }}#insc{{ competicion.id }}"
  137.                            class="{{ clase_inscripcion }}">
  138.                             <div class="ui animated fluid {{ clase_inscripcion }} button" tabindex="0">
  139.                                 <div class="visible content">
  140.                                     {{ 'competicion.inscritos.inscripcion'|trans({}, 'FrontendBundle') }}
  141.                                 </div>
  142.                                 <div class="hidden content">
  143.                                     Plazas disponibles:
  144.                                     {% if competicion.mostrarPlazas %}
  145.                                         {% if competicion.organizador.id != "AM00" %}
  146.                                             {{ numplazas }}
  147.                                         {% else %}
  148.                                             {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  149.                                         {% endif %}
  150.                                     {% else %}
  151.                                         {{ 'messages.segun-reglamento'|trans({}, 'FrontendBundle') }}
  152.                                     {% endif %}
  153.                                 </div>
  154.                             </div>
  155.                         </a>
  156.                     {% endif %}
  157.                 {% else %}
  158.                     {% set mensaje_boton = 'messages.inscripcion.sinPlazo'|trans({}, 'FrontendBundle') %}
  159.                     {% if competicion.estado == 'congelada' %}
  160.                         {% set mensaje_boton = 'messages.inscripcion.congelada'|trans({}, 'FrontendBundle') %}
  161.                     {% elseif competicion.estado == 'cancelada' %}
  162.                         {% set mensaje_boton = 'messages.inscripcion.cancelada'|trans({}, 'FrontendBundle') %}
  163.                     {% elseif competicion.estado == 'finalizada' %}
  164.                         {% set mensaje_boton = 'messages.inscripcion.finalizada'|trans({}, 'FrontendBundle') %}
  165.                     {% endif %}
  166.                     {% if competicion.modo.id == 5 %}
  167.                         {% set mensaje_boton = 'Debe realizar la inscripción en el correo ' ~ (competicion.organizador.getEmpleadoTipo(7).emailCod|decod(secret))|default(competicion.organizador.user.email) %}
  168.                     {% endif %}
  169.                     <button class="ui grey basic fluid button boton-modal right floated"
  170.                             data-texto="{{ mensaje_boton }}">
  171.                         {{ 'competicion.inscritos.inscripcion'|trans({}, 'FrontendBundle') }}
  172.                     </button>
  174.                     <div class="ui page dimmer" id="dimmerEstado">
  175.                         <div class="content">
  176.                             <h2 class="center">
  177.                                 <i class="info circle icon"></i>
  178.                                 <span id="modal-text"></span>
  179.                             </h2>
  180.                             <h2 class="center">
  181.                                 {{ 'messages.inscripcion.abiertas'|trans({}, 'FrontendBundle') }} <a
  182.                                         href="{{ path('competiciones_abiertas', {id: competicion.organizador.id }) }}">{{ 'competiciones'|trans({}, 'FrontendBundle')|lower }}</a>
  183.                             </h2>
  184.                         </div>
  185.                     </div>
  186.                 {% endif %}
  187.             </div>
  188.         </div>
  189.     </div>
  190. {% elseif isOffline %}
  191.     <div class="ui attached segment messagesBlock">
  192.         <div class="ui grid">
  193.             <div class="five wide right floated column">
  194.                 <button class="ui fluid basic black disabled button" type="button">
  195.                     {{ 'competicion.inscritos.inscriptionInClub'|trans({}, 'FrontendBundle') }}
  196.                 </button>
  197.             </div>
  198.         </div>
  199.     </div>
  200. {% endif %}
  202. {# Se elimina condicion de mostrado del message del covid
  203. {% if ((competicion.showLiveScoring == "publico" and algunaHoy) or (is_granted('ROLE_ADMIN') and algunaHoy) or (competicion.showLiveScoring == "club" and is_granted('ROLE_CLUB') and algunaHoy) or (competicion.showLiveScoring == "federacion" and is_granted('ROLE_FEDE') and algunaHoy)) or (competicion.aviso is not null or competicion.aviso is not empty) or (competicion.observaciones is not null and competicion.observaciones|trim != "") or (competicion.premios is not null and competicion.premios|trim != "") or (competicion.informacion != null) or (competicion.organizador.id == "AM00") %} #}
  204. {% if ((competicion.showLiveScoring == "publico" and algunaHoy) or (is_granted('ROLE_ADMIN') and algunaHoy) or (competicion.showLiveScoring == "club" and is_granted('ROLE_CLUB') and algunaHoy) or (competicion.showLiveScoring == "federacion" and is_granted('ROLE_FEDE') and algunaHoy)) or (competicion.aviso is not null or competicion.aviso is not empty) or (competicion.observaciones is not null and competicion.observaciones|trim != "") or (competicion.premios is not null and competicion.premios|trim != "") or (competicion.informacion != null) %}
  205.     <div class="ui attached segment messagesBlock">
  206.         {% if competicion.formula.id not in ['P', 'R'] and (((competicion.showLiveScoring == "publico" and algunaHoy) or (is_granted('ROLE_ADMIN') and algunaHoy) or (competicion.showLiveScoring == "club" and is_granted('ROLE_CLUB') and algunaHoy) or (competicion.showLiveScoring == "federacion" and is_granted('ROLE_FEDE') and algunaHoy))) %}
  207.             {% set urlLiveScoring = url('livescoring', {'id': competicion.id}) %}
  208.             {% include 'frontend/Default/liveScoringAlert.html.twig' with {'data': urlLiveScoring } %}
  209.         {% endif %}
  211.         {# Se elimina COVID de la inscripción AM00 - NEX-1838
  212.         {% if competicion.organizador.id == "AM00" %}
  213.             <div class="ui warning icon message messageShadow">
  214.                 <i class="edit outline large icon"></i>
  215.                 <div class="content">
  216.                     <div class="header">
  217.                         {{ 'messages.competicion.covid-title'|trans({}, 'FrontendBundle') }}
  218.                     </div>
  219.                     <div class="textoAviso">
  220.                         {{ 'messages.competicion.covid-body'|trans({}, 'FrontendBundle')|raw }}
  221.                     </div>
  222.                 </div>
  223.             </div>
  224.         {% endif %} #}
  226.         {% if competicion.aviso is not null or competicion.aviso is not empty %}
  227.             {% include 'frontend/Default/infoPanels/notice-panel-dropdown.html.twig' with {'data': competicion.aviso} %}
  228.         {% endif %}
  230.         {% if competicion.observaciones is not null and competicion.observaciones|trim != "" %}
  231.             {% include 'frontend/Default/infoPanels/observations-panel-dropdown.html.twig' with {'data': competicion.observaciones} %}
  232.         {% endif %}
  234.         {% if competicion.informacion != null %}
  235.             {% include 'frontend/Default/infoPanels/info-panel-dropdown.html.twig' with {'data': competicion.informacion} %}
  236.         {% endif %}
  238.         {% if competicion.premios != null %}
  239.             {% include 'frontend/Default/infoPanels/awards-panel-dropdown.html.twig' with {'data': competicion.premios} %}
  240.         {% endif %}
  241.     </div>
  242. {% endif %}
  244. {% if clima is defined and clima is not empty %}
  245.     {% set elements = ["first", "second"] %}
  246.     <div class="ui top attached tabular menu climatologia">
  247.         {% for cli in clima %}
  248.             {% set active = "" %}
  249.             {% if loop.first %}
  250.                 {% set active = "active" %}
  251.             {% endif %}
  252.             <a class="item {{ active }}"
  253.                data-tab="{{ elements[loop.index0] }}">{{ cli["fecha"]|format_date(pattern='E', locale=locale) }}</a>
  254.         {% endfor %}
  255.     </div>
  257.     {% for cli in clima %}
  258.         {% set active = "" %}
  259.         {% if loop.first %}
  260.             {% set active = "active" %}
  261.         {% endif %}
  263.         <div class="ui bottom attached {{ active }} tab segment climatologia messageBlock"
  264.              data-tab="{{ elements[loop.index0] }}">
  265.             <div class="ui message messageShadow">
  266.                 <div class="content">
  267.                     {# <div class="ui fitted divider hidden"></div>
  268.                     <div class="ui disabled small {% if cli.horario is defined and cli.horario is empty %}center aligned{% endif %} header">
  269.                         <i class="info grey disabled circle icon"></i>
  270.                         &nbsp;{{ cli.summary }}
  271.                     </div> #}
  272.                     {#                    <div class="ui {% if not cli.horario is empty %}fitted{% endif %} divider hidden"></div> #}
  273.                     {#                    <div class="ui fitted divider hidden"></div> #}
  275.                     {% if cli.horario is defined and cli.horario is empty %}
  276.                         <div class="ui equal width grid divided middle aligned weathertext">
  277.                             <div class="center aligned column mobile hidden">
  278.                                 <svg class="noWidth" width="39" height="39" xmlns="http://www.w3.org/2000/svg"
  279.                                 >
  280.                                     <g fill="#ddd">
  281.                                         <g stroke="null"
  282.                                            transform="matrix(0.7916406393051147,0,0,0.7916406393051147,-0.20773422856450452,6.4587236917304836)"
  283.                                            id="svg_9">
  284.                                             <svg stroke="null" viewBox="0 0 100 100" height="100px" width="100px"
  285.                                                  y="-35.7368" x="-25.7368" id="svg_8"
  286.                                                  xmlns="http://www.w3.org/2000/svg">
  287.                                                 <g stroke="null" id="svg_3">
  288.                                                     <g stroke="null" id="svg_4">
  289.                                                         <path stroke="null" id="svg_5"
  290.                                                               d="m38.688,41.859l-2.828,-2.828c-0.781,-0.78 -2.047,-0.78 -2.828,0c-0.781,0.781 -0.781,2.047 0,2.828l2.828,2.828c0.781,0.781 2.047,0.781 2.828,0c0.781,-0.781 0.781,-2.046 0,-2.828zm33.309,12.141l-3.999,0c-1.104,0 -1.999,0.896 -1.999,2s0.895,2 1.999,2l3.999,0c1.105,0 2,-0.896 2,-2s-0.894,-2 -2,-2zm-39.994,0l-4,0c-1.104,0 -2,0.896 -2,2s0.896,2 2,2l4,0c1.104,0 2,-0.896 2,-2s-0.897,-2 -2,-2zm27.996,9.999l-19.998,0c-1.104,0 -1.999,0.896 -1.999,2s0.896,1.999 1.999,1.999l19.998,0c1.104,0 2,-0.895 2,-1.999s-0.895,-2 -2,-2zm6.97,-24.968c-0.78,-0.78 -2.048,-0.78 -2.828,0l-2.828,2.828c-0.78,0.781 -0.78,2.047 0,2.828c0.781,0.781 2.048,0.781 2.828,0l2.828,-2.828c0.78,-0.781 0.78,-2.047 0,-2.828zm-16.968,0.971c1.104,0 1.999,-0.896 1.999,-2l0,-3.999c0,-1.104 -0.896,-2 -1.999,-2c-1.105,0 -2,0.896 -2,2l0,3.999c0,1.104 0.895,2 2,2zm0,4c-6.627,0 -11.999,5.371 -11.999,11.998c0,1.404 0.254,2.747 0.697,3.999l4.381,0c-0.683,-1.177 -1.079,-2.54 -1.079,-3.999c0,-4.418 3.582,-7.999 8,-7.999c4.417,0 7.998,3.581 7.998,7.999c0,1.459 -0.396,2.822 -1.078,3.999l4.381,0c0.443,-1.252 0.697,-2.595 0.697,-3.999c0,-6.627 -5.372,-11.998 -11.998,-11.998zm0,16.247c0.552,0 0.999,-0.447 0.999,-1l0,-3.827l2.536,2.535c0.39,0.391 1.023,0.391 1.414,0c0.39,-0.391 0.39,-1.023 0,-1.414l-4.242,-4.242c-0.391,-0.391 -1.024,-0.391 -1.414,0l-4.242,4.242c-0.391,0.391 -0.391,1.023 0,1.414s1.023,0.391 1.414,0l2.535,-2.535l0,3.827c0,0.553 0.447,1 1,1z"
  291.                                                               clip-rule="evenodd" fill-rule="evenodd"/>
  292.                                                     </g>
  293.                                                 </g>
  294.                                             </svg>
  295.                                         </g>
  296.                                     </g>
  297.                                 </svg>
  298.                                 <span class="suntimes">
  299.                                     {{ cli.sunriseTime is defined and cli.sunriseTime|date("H:i", competicion.club.timezone ? competicion.club.timezone.nombre : default_timezone_get()) }}
  300.                                 </span>
  302.                                 <svg class="noWidth" width="39" height="39" xmlns="http://www.w3.org/2000/svg"
  303.                                 >
  304.                                     <path fill="#ddd" stroke="null" id="svg_7"
  305.                                           d="m36.67492,25.88526l-3.14573,0c-0.86822,0 -1.57208,-0.70464 -1.57208,-1.57286s0.70386,-1.57286 1.57208,-1.57286l3.14573,0c0.86822,0 1.57208,0.70464 1.57208,1.57286s-0.70307,1.57286 -1.57208,1.57286zm-6.17821,-10.46898c-0.6142,0.6142 -1.61061,0.6142 -2.22403,0c-0.6142,-0.6142 -0.6142,-1.60983 0,-2.22403l2.22403,-2.22403c0.61342,-0.61342 1.60983,-0.61342 2.22324,0c0.6142,0.6142 0.6142,1.60983 0,2.22403l-2.22324,2.22403zm-2.23347,12.04105l-3.44536,0c0.53635,-0.92563 0.84777,-1.99754 0.84777,-3.14494c0,-3.47445 -2.81621,-6.29067 -6.28988,-6.29067c-3.47445,0 -6.29145,2.81621 -6.29145,6.29067c0,1.1474 0.31221,2.21931 0.84935,3.14494l-3.44614,0c-0.34839,-0.98461 -0.54814,-2.04079 -0.54814,-3.14494c0,-5.21168 4.22471,-9.43561 9.43639,-9.43561c5.2109,0 9.43561,4.22392 9.43561,9.43561c0,1.10415 -0.19975,2.16033 -0.54814,3.14494zm-8.88746,-15.72627c-0.86901,0 -1.57286,-0.70464 -1.57286,-1.57286l0,-3.14494c0,-0.86822 0.70386,-1.57286 1.57286,-1.57286c0.86822,0 1.57286,0.70464 1.57286,1.57286l0,3.14494c0,0.86822 -0.70543,1.57286 -1.57286,1.57286zm-11.12093,3.68522l-2.22403,-2.22403c-0.6142,-0.6142 -0.6142,-1.60983 0,-2.22403c0.6142,-0.61342 1.60983,-0.61342 2.22403,0l2.22403,2.22403c0.6142,0.6142 0.6142,1.60983 0,2.22403s-1.60904,0.6142 -2.22403,0zm-1.4604,8.89611c0,0.86822 -0.70464,1.57286 -1.57286,1.57286l-3.14573,0c-0.86822,0 -1.57286,-0.70464 -1.57286,-1.57286s0.70464,-1.57286 1.57286,-1.57286l3.14573,0c0.86822,0 1.57286,0.70464 1.57286,1.57286zm12.58133,-3.14573c0.43411,0 0.78643,0.35232 0.78643,0.78643l0,3.01046l1.9936,-1.9936c0.30749,-0.30749 0.80452,-0.30749 1.11201,0s0.30749,0.80452 0,1.11201l-3.33604,3.33604c-0.30749,0.30749 -0.80452,0.30749 -1.11201,0l-3.33604,-3.33604c-0.30749,-0.30749 -0.30749,-0.80452 0,-1.11201s0.80452,-0.30749 1.11201,0l1.9936,1.9936l0,-3.01046c0,-0.43411 0.35153,-0.78643 0.78643,-0.78643zm-7.86353,9.43639l15.72627,0c0.86822,0 1.57286,0.70464 1.57286,1.57286s-0.70464,1.57208 -1.57286,1.57208l-15.72627,0c-0.86822,0 -1.57286,-0.70386 -1.57286,-1.57208s0.70386,-1.57286 1.57286,-1.57286z"
  306.                                           clip-rule="evenodd" fill-rule="evenodd"/>
  307.                                 </svg>
  308.                                 <span class="suntimes">
  309.                                     {{ cli.sunsetTime is defined and cli.sunsetTime|date("H:i", competicion.club.timezone ? competicion.club.timezone.nombre : default_timezone_get()) }}
  310.                                 </span>
  311.                             </div>
  313.                             <div class="center aligned column">
  314.                                 {# tomamos la temperatura mas cercana por abajo #}
  315.                                 {% if cli.horario is defined and cli.horario is not empty %}
  316.                                     {% set enc = false %}
  317.                                     {% set valorTemp = cli.horario[0].clima.temperature|number_format(0, '','') %}
  318.                                     {% for horario in cli.horario %}
  319.                                         {# buscamos la mas cercana a la actual #}
  320.                                         {% if horario.fecha|date("H") == "now"|date('H') %}
  321.                                             {% set valorTemp = horario.clima.temperature|number_format(0, '','') %}
  322.                                             {% set enc = true %}
  323.                                         {% endif %}
  325.                                         {# tomamos la temperatura mas cercana por arriba #}
  326.                                         {% if not enc %}
  327.                                             {% set valorTemp = cli.horario[cli.horario|length - 1].clima.temperature|number_format(0, '','') %}
  328.                                         {% endif %}
  329.                                     {% endfor %}
  331.                                     {# controlamos para que no salga -0 al redondear #}
  332.                                     {% if valorTemp < 1 and valorTemp > -1 %}
  333.                                         {% set valorTemp = 0 %}
  334.                                     {% endif %}
  335.                                     <span class="emph">{{ valorTemp }}º</span>
  336.                                 {% endif %}
  338.                                 <span class="skyicon">
  339.                                     {% if cli.conditionCode is defined and cli.conditionCode is not empty %}
  340.                                         <i class="ui large grey icon">
  341.                                         {# <canvas class="{{ cli.conditionCode }}" width="35" height="35">
  342.                                         </canvas> #}
  343.                                             {% include 'FrontendBundle:Climacon:' ~ cli.conditionCode ~ '.html.twig' ignore missing %}
  344.                                         </i>
  345.                                     {% endif %}
  346.                                 </span>
  348.                                 {% if cli.precipitationChance is defined and ((cli.precipitationChance * 100) < 15) %}
  349.                                     <span class="windtext">{{ cli.windSpeed|number_format(0, '', '') }}
  350.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  351.                                              viewBox="4 0 24 16">
  352.                                         <path d="M11 10H0V8h11c.55 0 1-.45 1-1s-.45-1-1-1c-.4 0-.75.24-.9.6l-1.75-.97C8.85 4.67 9.85 4 11 4c3.97 0 3.97 6 0 6zm7 7c0-1.66-1.34-3-3-3H0v2h15c.55 0 1 .45 1 1s-.45 1-1 1c-.4 0-.75-.24-.9-.6l-1.75.97c.5.96 1.5 1.63 2.65 1.63 1.66 0 3-1.34 3-3zm1-7.66c.1-.75.73-1.34 1.5-1.34.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5H0v2h20.5c1.93 0 3.5-1.57 3.5-3.5S22.43 6 20.5 6c-1.62 0-2.98 1.12-3.37 2.62l1.88.73z"/>
  353.                                         </svg>
  354.                                     </span>
  355.                                 {% endif %}
  356.                             </div>
  358.                             <div class="center aligned column">
  359.                                 <span class="min">{{ cli.temperatureMin|number_format(0, '','') }}º</span>
  360.                                 <span class="windtext">
  361.                                     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="-2 0 18 22">
  362.                                     <path d="M7.65 4.34v6.78c0 1.42-.46 2.06-1.27 2.75-.9.77-1.43 1.9-1.43 3.08C4.95 19.2 6.75 21 9 21c2.23 0 4.05-1.8 4.05-4.05 0-1.18-.52-2.3-1.43-3.08-.8-.7-1.27-1.34-1.27-2.75V4.35C10.35 3.6 9.75 3 9 3s-1.35.6-1.35 1.33zm4.5 0v6.78c0 .53.23 1.03.64 1.38 1.23 1.07 2.03 2.67 2.03 4.45 0 3.24-2.62 5.86-5.85 5.86-3.25 0-5.87-2.6-5.87-5.83 0-1.78.8-3.38 2.08-4.45.4-.34.65-.84.65-1.37v-6.8C5.85 2.6 7.25 1.2 9 1.2s3.15 1.4 3.15 3.13zm0 12.6c0 1.75-1.4 3.16-3.15 3.16s-3.15-1.4-3.15-3.15c0-1.02.54-1.87 1.25-2.5.9-.8 1.45-1.56 1.45-2.9v-.45h.9v.45c0 1.34.54 2.1 1.45 2.9.7.63 1.25 1.48 1.25 2.5z"/>
  363.                                     </svg>
  364.                                 </span>
  365.                                 <span class="max">{{ cli.temperatureMax|number_format(0, '','') }}º</span>
  366.                             </div>
  368.                             {% if cli.precipitationChance is defined and cli.precipitationChance != 0 %}
  369.                                 <div class="center aligned column ">
  370.                                     <span class="raintext">{{ (100 * cli.precipitationChance)|number_format(0, '', '') }}%</span>
  371.                                     <svg class="windtext" xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  372.                                          viewBox="0 0 24 24">
  373.                                         <path d="M13 2.06V1c0-.55-.45-1-1-1s-1 .45-1 1v1.05c-6.92.52-10.37 5.6-11 9.9 1.86-2.67 6.14-2.67 8 0 1.84-2.63 6.05-2.68 7.92 0 1.86-2.67 6.22-2.67 8.08 0-.63-4.28-4.13-9.32-11-9.9zm0 10.1V21c0 1.66-1.34 3-3 3s-3-1.34-3-3v-1h2v1c0 .55.45 1 1 1s1-.45 1-1v-8.87c.68-.22 1.27-.24 2 .03z"/>
  374.                                     </svg>
  375.                                 </div>
  376.                             {% endif %}
  377.                         </div>
  378.                     {% else %}
  379.                         <div class="ui equal width grid divided middle aligned weathertext mobile only">
  380.                             <div class="center aligned column">
  381.                                 {# tomamos la temperatura mas cercana por abajo #}
  382.                                 {% if cli.horario is defined and cli.horario is not empty %}
  383.                                     {% set enc = false %}
  384.                                     {% set valorTemp = cli.horario[0].clima.temperature|number_format(0, '','') %}
  385.                                     {% for horario in cli.horario %}
  386.                                         {# buscamos la mas cercana a la actual #}
  387.                                         {% if horario.fecha|date("H") == "now"|date('H') %}
  388.                                             {% set valorTemp = horario.clima.temperature|number_format(0, '','') %}
  389.                                             {% set enc = true %}
  390.                                         {% endif %}
  392.                                         {# tomamos la temperatura mas cercana por arriba #}
  393.                                         {% if not enc %}
  394.                                             {% set valorTemp = cli.horario[cli.horario|length - 1].clima.temperature|number_format(0, '','') %}
  395.                                         {% endif %}
  396.                                     {% endfor %}
  397.                                     <span class="emph">{{ valorTemp }}º</span>
  398.                                 {% endif %}
  400.                                 <span class="skyicon mobile hidden">
  401.                                     {# <canvas class="{{ cli.conditionCode }}" width="35" height="35">
  402.                                     </canvas> #}
  403.                                     {% if cli.conditionCode is defined and cli.conditionCode is not empty %}
  404.                                         <i class="ui small grey icon">
  405.                                         {# <canvas class="{{ cli.conditionCode }}" width="35" height="35">
  406.                                         </canvas> #}
  407.                                             {% include 'FrontendBundle:Climacon:' ~ cli.conditionCode ~ '.html.twig' ignore missing %}
  408.                                         </i>
  409.                                     {% endif %}
  410.                                 </span>
  412.                                 {% if cli.precipitationChance is defined and ((cli.precipitationChance * 100) < 15) %}
  413.                                     <span class="windtext">{{ cli.windSpeed|number_format(0, '', '') }}
  414.                                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
  415.                                              viewBox="4 0 24 16">
  416.                                         <path d="M11 10H0V8h11c.55 0 1-.45 1-1s-.45-1-1-1c-.4 0-.75.24-.9.6l-1.75-.97C8.85 4.67 9.85 4 11 4c3.97 0 3.97 6 0 6zm7 7c0-1.66-1.34-3-3-3H0v2h15c.55 0 1 .45 1 1s-.45 1-1 1c-.4 0-.75-.24-.9-.6l-1.75.97c.5.96 1.5 1.63 2.65 1.63 1.66 0 3-1.34 3-3zm1-7.66c.1-.75.73-1.34 1.5-1.34.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5H0v2h20.5c1.93 0 3.5-1.57 3.5-3.5S22.43 6 20.5 6c-1.62 0-2.98 1.12-3.37 2.62l1.88.73z"/>
  417.                                         </svg>
  418.                                     </span>
  419.                                 {% endif %}
  420.                             </div>
  422.                             <div class="center aligned column">
  423.                                 <span class="min">{{ cli.temperatureMin|number_format(0, '','') }}º</span>
  424.                                 <span class="windtext">
  425.                                     <svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewBox="-2 0 18 22">
  426.                                     <path d="M7.65 4.34v6.78c0 1.42-.46 2.06-1.27 2.75-.9.77-1.43 1.9-1.43 3.08C4.95 19.2 6.75 21 9 21c2.23 0 4.05-1.8 4.05-4.05 0-1.18-.52-2.3-1.43-3.08-.8-.7-1.27-1.34-1.27-2.75V4.35C10.35 3.6 9.75 3 9 3s-1.35.6-1.35 1.33zm4.5 0v6.78c0 .53.23 1.03.64 1.38 1.23 1.07 2.03 2.67 2.03 4.45 0 3.24-2.62 5.86-5.85 5.86-3.25 0-5.87-2.6-5.87-5.83 0-1.78.8-3.38 2.08-4.45.4-.34.65-.84.65-1.37v-6.8C5.85 2.6 7.25 1.2 9 1.2s3.15 1.4 3.15 3.13zm0 12.6c0 1.75-1.4 3.16-3.15 3.16s-3.15-1.4-3.15-3.15c0-1.02.54-1.87 1.25-2.5.9-.8 1.45-1.56 1.45-2.9v-.45h.9v.45c0 1.34.54 2.1 1.45 2.9.7.63 1.25 1.48 1.25 2.5z"/>
  427.                                     </svg>
  428.                                 </span>
  429.                                 <span class="max">{{ cli.temperatureMax|number_format(0, '','') }}º</span>
  430.                             </div>
  432.                             {% if cli.precipitationChance is defined and cli.precipitationChance != 0 %}
  433.                                 <div class="center aligned column ">
  434.                                     <span class="raintext">{{ (100 * cli.precipitationChance)|number_format(0, '', '') }}%</span>
  435.                                     <svg class="windtext" xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  436.                                          viewBox="0 0 24 24">
  437.                                         <path d="M13 2.06V1c0-.55-.45-1-1-1s-1 .45-1 1v1.05c-6.92.52-10.37 5.6-11 9.9 1.86-2.67 6.14-2.67 8 0 1.84-2.63 6.05-2.68 7.92 0 1.86-2.67 6.22-2.67 8.08 0-.63-4.28-4.13-9.32-11-9.9zm0 10.1V21c0 1.66-1.34 3-3 3s-3-1.34-3-3v-1h2v1c0 .55.45 1 1 1s1-.45 1-1v-8.87c.68-.22 1.27-.24 2 .03z"/>
  438.                                     </svg>
  439.                                 </div>
  440.                             {% endif %}
  441.                         </div>
  442.                         <div class="ui padded grid mobile hidden">
  443.                             <div class="sixteen wide column">
  444.                                 <div class="ui equal width center aligned grid timetext">
  445.                                     <div class="column emph">
  446.                                         <b>
  447.                                             {{ cli.sunriseTime is defined and cli.sunriseTime|date("H:i", competicion.club.timezone ? competicion.club.timezone.nombre : default_timezone_get()) }}
  448.                                         </b>
  449.                                     </div>
  450.                                     {% for horario in cli.horario|default([]) %}
  451.                                         <div class="column">
  452.                                             {{ horario.fecha|date("G") }}
  453.                                         </div>
  454.                                     {% endfor %}
  455.                                     <div class="column emph">
  456.                                         <b>
  457.                                             {{ cli.sunsetTime|date("H:i", competicion.club.timezone ? competicion.club.timezone.nombre : default_timezone_get()) }}
  458.                                         </b>
  459.                                     </div>
  460.                                 </div>
  462.                                 {% set maxClass = "" %}
  463.                                 {% set minClass = "" %}
  465.                                 {# este es el grid para version ordenador #}
  466.                                 <div class="ui equal width center aligned grid tempbg temptext">
  467.                                     {% if cli.posMin == -1 %}
  468.                                         {% set minClass = "min emph" %}
  469.                                     {% endif %}
  471.                                     {# controlamos para que no salga -0 al redondear #}
  472.                                     {% set valorTemp = cli.primera.temperature %}
  473.                                     {% if valorTemp < 1 and valorTemp > -1 %}
  474.                                         {% set valorTemp = 0 %}
  475.                                     {% endif %}
  476.                                     <div class="column {{ minClass }}">{{ valorTemp|number_format(0, '', '') }}º</div>
  478.                                     {% for horario in cli.horario|default([]) %}
  479.                                         {% set maxClass = "" %}
  480.                                         {% set minClass = "" %}
  482.                                         {% if cli.posMin == loop.index0 %}
  483.                                             {% set minClass = "min emph" %}
  484.                                         {% endif %}
  486.                                         {% if cli.posMax == loop.index0 %}
  487.                                             {% set maxClass = "max emph" %}
  488.                                         {% endif %}
  490.                                         {% set valTemp = horario.clima.temperature %}
  491.                                         {% if valTemp < 1 and valTemp > -1 %}
  492.                                             {% set valTemp = 0 %}
  493.                                         {% endif %}
  494.                                         <div class="column {{ minClass }} {{ maxClass }}">{{ valTemp|number_format(0, '','') }}
  495.                                             º
  496.                                         </div>
  497.                                     {% endfor %}
  499.                                     {% set valorTemp = cli.ultima.temperature|number_format(0, '', '') %}
  500.                                     {% if valorTemp is not null and valorTemp is not empty %}
  501.                                         {% if valorTemp < 1 and valorTemp > -1 %}
  502.                                             {% set valorTemp = 0 %}
  503.                                         {% endif %}
  505.                                         {% set valorTemp = valorTemp ~ "º" %}
  506.                                     {% else %}
  507.                                         {% set valorTemp = "-" %}
  508.                                     {% endif %}
  510.                                     {% if cli.posMax == -1 %}
  511.                                         {% set maxClass = "max emph" %}
  512.                                     {% endif %}
  513.                                     <div class="column {{ maxClass }}">{{ valorTemp }}</div>
  514.                                 </div>
  516.                                 <div class="ui equal width center aligned grid scale">
  517.                                     <div class="column">
  518.                                         <svg class="noWidth" width="39" height="39" xmlns="http://www.w3.org/2000/svg"
  519.                                         >
  520.                                             <g fill="#ddd">
  521.                                                 <g stroke="null"
  522.                                                    transform="matrix(0.7916406393051147,0,0,0.7916406393051147,-0.20773422856450452,6.4587236917304836)"
  523.                                                    id="svg_9">
  524.                                                     <svg stroke="null" viewBox="0 0 100 100" height="100px"
  525.                                                          width="100px" y="-35.7368" x="-25.7368" id="svg_8"
  526.                                                          xmlns="http://www.w3.org/2000/svg">
  527.                                                         <g stroke="null" id="svg_3">
  528.                                                             <g stroke="null" id="svg_4">
  529.                                                                 <path stroke="null" id="svg_5"
  530.                                                                       d="m38.688,41.859l-2.828,-2.828c-0.781,-0.78 -2.047,-0.78 -2.828,0c-0.781,0.781 -0.781,2.047 0,2.828l2.828,2.828c0.781,0.781 2.047,0.781 2.828,0c0.781,-0.781 0.781,-2.046 0,-2.828zm33.309,12.141l-3.999,0c-1.104,0 -1.999,0.896 -1.999,2s0.895,2 1.999,2l3.999,0c1.105,0 2,-0.896 2,-2s-0.894,-2 -2,-2zm-39.994,0l-4,0c-1.104,0 -2,0.896 -2,2s0.896,2 2,2l4,0c1.104,0 2,-0.896 2,-2s-0.897,-2 -2,-2zm27.996,9.999l-19.998,0c-1.104,0 -1.999,0.896 -1.999,2s0.896,1.999 1.999,1.999l19.998,0c1.104,0 2,-0.895 2,-1.999s-0.895,-2 -2,-2zm6.97,-24.968c-0.78,-0.78 -2.048,-0.78 -2.828,0l-2.828,2.828c-0.78,0.781 -0.78,2.047 0,2.828c0.781,0.781 2.048,0.781 2.828,0l2.828,-2.828c0.78,-0.781 0.78,-2.047 0,-2.828zm-16.968,0.971c1.104,0 1.999,-0.896 1.999,-2l0,-3.999c0,-1.104 -0.896,-2 -1.999,-2c-1.105,0 -2,0.896 -2,2l0,3.999c0,1.104 0.895,2 2,2zm0,4c-6.627,0 -11.999,5.371 -11.999,11.998c0,1.404 0.254,2.747 0.697,3.999l4.381,0c-0.683,-1.177 -1.079,-2.54 -1.079,-3.999c0,-4.418 3.582,-7.999 8,-7.999c4.417,0 7.998,3.581 7.998,7.999c0,1.459 -0.396,2.822 -1.078,3.999l4.381,0c0.443,-1.252 0.697,-2.595 0.697,-3.999c0,-6.627 -5.372,-11.998 -11.998,-11.998zm0,16.247c0.552,0 0.999,-0.447 0.999,-1l0,-3.827l2.536,2.535c0.39,0.391 1.023,0.391 1.414,0c0.39,-0.391 0.39,-1.023 0,-1.414l-4.242,-4.242c-0.391,-0.391 -1.024,-0.391 -1.414,0l-4.242,4.242c-0.391,0.391 -0.391,1.023 0,1.414s1.023,0.391 1.414,0l2.535,-2.535l0,3.827c0,0.553 0.447,1 1,1z"
  531.                                                                       clip-rule="evenodd" fill-rule="evenodd"/>
  532.                                                             </g>
  533.                                                         </g>
  534.                                                     </svg>
  535.                                                 </g>
  536.                                             </g>
  537.                                         </svg>
  538.                                     </div>
  540.                                     {% set icono_clima = "" %}
  541.                                     {% for horario in cli.horario|default([]) %}
  542.                                         <div class="column skyicon">
  543.                                             {% if icono_clima != horario.clima.conditionCode %}
  544.                                                 {% set icono_clima = horario.clima.conditionCode %}
  545.                                                 {# <canvas class="{{ icono_clima }}" width="35" height="35">
  546.                                                 </canvas> #}
  547.                                                 {% if horario.clima.conditionCode is defined and horario.clima.conditionCode is not empty %}
  548.                                                     <i class="ui huge grey icon">
  549.                                                         {# <canvas class="{{ cli.conditionCode }}" width="35" height="35">
  550.                                                         </canvas> #}
  551.                                                         {% include 'FrontendBundle:Climacon:' ~ horario.clima.conditionCode ~ '.html.twig' ignore missing %}
  552.                                                     </i>
  553.                                                 {% endif %}
  554.                                             {% endif %}
  555.                                         </div>
  556.                                     {% endfor %}
  558.                                     <div class="column">
  559.                                         <svg class="noWidth" width="39" height="39" xmlns="http://www.w3.org/2000/svg"
  560.                                         >
  561.                                             <g fill="#ddd">
  562.                                                 <g stroke="null" id="svg_6">
  563.                                                     <path stroke="null" id="svg_7"
  564.                                                           d="m36.67492,25.88526l-3.14573,0c-0.86822,0 -1.57208,-0.70464 -1.57208,-1.57286s0.70386,-1.57286 1.57208,-1.57286l3.14573,0c0.86822,0 1.57208,0.70464 1.57208,1.57286s-0.70307,1.57286 -1.57208,1.57286zm-6.17821,-10.46898c-0.6142,0.6142 -1.61061,0.6142 -2.22403,0c-0.6142,-0.6142 -0.6142,-1.60983 0,-2.22403l2.22403,-2.22403c0.61342,-0.61342 1.60983,-0.61342 2.22324,0c0.6142,0.6142 0.6142,1.60983 0,2.22403l-2.22324,2.22403zm-2.23347,12.04105l-3.44536,0c0.53635,-0.92563 0.84777,-1.99754 0.84777,-3.14494c0,-3.47445 -2.81621,-6.29067 -6.28988,-6.29067c-3.47445,0 -6.29145,2.81621 -6.29145,6.29067c0,1.1474 0.31221,2.21931 0.84935,3.14494l-3.44614,0c-0.34839,-0.98461 -0.54814,-2.04079 -0.54814,-3.14494c0,-5.21168 4.22471,-9.43561 9.43639,-9.43561c5.2109,0 9.43561,4.22392 9.43561,9.43561c0,1.10415 -0.19975,2.16033 -0.54814,3.14494zm-8.88746,-15.72627c-0.86901,0 -1.57286,-0.70464 -1.57286,-1.57286l0,-3.14494c0,-0.86822 0.70386,-1.57286 1.57286,-1.57286c0.86822,0 1.57286,0.70464 1.57286,1.57286l0,3.14494c0,0.86822 -0.70543,1.57286 -1.57286,1.57286zm-11.12093,3.68522l-2.22403,-2.22403c-0.6142,-0.6142 -0.6142,-1.60983 0,-2.22403c0.6142,-0.61342 1.60983,-0.61342 2.22403,0l2.22403,2.22403c0.6142,0.6142 0.6142,1.60983 0,2.22403s-1.60904,0.6142 -2.22403,0zm-1.4604,8.89611c0,0.86822 -0.70464,1.57286 -1.57286,1.57286l-3.14573,0c-0.86822,0 -1.57286,-0.70464 -1.57286,-1.57286s0.70464,-1.57286 1.57286,-1.57286l3.14573,0c0.86822,0 1.57286,0.70464 1.57286,1.57286zm12.58133,-3.14573c0.43411,0 0.78643,0.35232 0.78643,0.78643l0,3.01046l1.9936,-1.9936c0.30749,-0.30749 0.80452,-0.30749 1.11201,0s0.30749,0.80452 0,1.11201l-3.33604,3.33604c-0.30749,0.30749 -0.80452,0.30749 -1.11201,0l-3.33604,-3.33604c-0.30749,-0.30749 -0.30749,-0.80452 0,-1.11201s0.80452,-0.30749 1.11201,0l1.9936,1.9936l0,-3.01046c0,-0.43411 0.35153,-0.78643 0.78643,-0.78643zm-7.86353,9.43639l15.72627,0c0.86822,0 1.57286,0.70464 1.57286,1.57286s-0.70464,1.57208 -1.57286,1.57208l-15.72627,0c-0.86822,0 -1.57286,-0.70386 -1.57286,-1.57208s0.70386,-1.57286 1.57286,-1.57286z"
  565.                                                           clip-rule="evenodd" fill-rule="evenodd"/>
  566.                                                 </g>
  567.                                             </g>
  568.                                         </svg>
  569.                                     </div>
  570.                                 </div>
  571.                             </div>
  572.                         </div>
  573.                     {% endif %}
  574.                 </div>
  575.             </div>
  576.         </div>
  577.     {% endfor %}
  578. {% endif %}