templates/frontend/Ranking/ranking.html.twig line 1

Open in your IDE?
  1. {% extends 'base_frontend_new.html.twig' %}
  3. {% block stylesheets %}
  4.     <link href="{{ asset('css/frontend/ranking.css?v=1.48')}}" rel="stylesheet" type="text/css"/>
  5.     <link rel="stylesheet" type="text/css" href="{{ asset('css/frontend/tarjetas_new.css?v=2.04') }}"/>
  6. {% endblock %}
  8. {% block title %}{{ 'ranking.title'|trans({}, 'FrontendBundle') }}{% endblock %}
  10. {% block container %}
  12.     {% set  codeClubOrCliente  = '' %}
  14.     {% if ranking.cliente is defined and ranking.cliente is not null %}
  15.         {% set codeClubOrCliente  = ranking.cliente.nombreCorto|slice(0, 4) %}
  16.     {% elseif ranking.club is defined and ranking.club is not null %}
  17.         {% set codeClubOrCliente  = ranking.club.id %}
  18.     {% endif %}
  20.     {% set makeRankingVisible = ranking.activo or (is_granted('ROLE_ADMIN') or is_granted('ROLE_FEDE') or is_granted('ROLE_CLUB')) %}
  22.     <div class="ui mobile hidden secondary center aligned segment fondoBannerRanking ranking-{{ codeClubOrCliente }}" >
  23.         <h1 class="headerRanking">
  24.             {{ ranking.nombre }}
  25.         </h1>
  27.         {# <div class="ui white icon button abreModal calendario" data-tooltip="{{ 'ranking.calendar'|trans({}, 'FrontendBundle') }}" data-inverted="">
  28.             <i class="calendar alternate outline icon"></i>
  29.         </div>
  30.         <div class="ui white icon button abreModal documentos" data-tooltip="{{ 'ranking.documents'|trans({}, 'FrontendBundle') }}" data-inverted="">
  31.             <i class="file alternate outline icon"></i>
  32.         </div> #}
  34.         {% if makeRankingVisible %}
  35.             <div class="a-container">
  36.                 <div class="abreModal calendario">Calendario</div>&nbsp;|&nbsp;{% if ranking.normativa %}<a target="_blank" href="{{ asset("uploads/ranking/" ~ ranking.normativa.normativa) }}">Normativa</a>{% endif %}{#<div class="abreModal documentos">Documentos</div>#}
  37.             </div>
  38.         {% endif %}
  39.         <div class="update-container">
  40.             Última actualización: {{ ranking.generatedAt|date('d-m-Y H:i:s') }}
  41.         </div>
  42.         {% if makeRankingVisible %}
  43.             {% include 'frontend/Ranking/toggle-details-columns.html.twig' %}
  44.         {% endif %}
  45.     </div>
  47.     {% if makeRankingVisible %}
  49.         <div class="ui mobile only headerRanking">
  50.             <div class="moblie-fondo ui secondary center aligned fondoBannerRanking ranking-{{ codeClubOrCliente }}"></div>
  51.             <h1 class="headerRanking">
  52.                 {{ ranking.nombre }}
  53.             </h1>
  54.             Última actualización: {{ ranking.generatedAt|date('d-m-Y H:i') }}
  55.             <br>
  56.             <div class="ui blue icon labeled button abreModal calendario">{# no añadir clases detras del ultimo elemento ya que es usado para abrir el modal por equivalencia #}
  57.                 <i class="calendar alternate outline icon"></i>Torneos
  58.             </div>
  59.             {# <div class="ui blue icon labeled button abreModal documentos" data-tooltip="{{ 'ranking.documents'|trans({}, 'FrontendBundle') }}" data-inverted="">
  60.                 <i class="file alternate outline icon"></i>Documentos
  61.             </div> #}
  62.             {% if ranking.normativa %}
  63.                 <a target="_blank" href="{{ asset("uploads/ranking/" ~ ranking.normativa.normativa) }}" class="ui blue icon labeled  button normativa">
  64.                     <i class="pdf file icon"></i>Normativa
  65.                 </a>
  66.             {% endif %}
  67.             <br><br>
  69.             {% if not ranking.activo %}
  70.                 <div class="only-login-visible">
  71.                     Este ranking se encuentra desactivado de cara al público, solo los usuarios de configuración de Nextcaddy pueden visualizarlo
  72.                 </div>
  73.             {% endif %}
  75. {#            <div class="ui icon labeled button" id="vistaAmpliada" data-status="0">#}{# no añadir clases detras del ultimo elemento ya que es usado para abrir el modal por equivalencia #}
  76. {#                <i class="eye icon"></i>Resultados torneos#}
  77. {#            </div>#}
  79.             {% include 'frontend/Ranking/toggle-details-columns.html.twig' %}
  80.         </div>
  82.         <div class="ui divider hidden"></div>
  84.         {% if ranking.observations %}
  85.             <div id="show-observations-btn">
  86.                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30.94 15.66A16.69 16.69 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68A16.69 16.69 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M16 25c-5.3 0-10.9-3.93-12.93-9C5.1 10.93 10.7 7 16 7s10.9 3.93 12.93 9C26.9 21.07 21.3 25 16 25"/><path fill="currentColor" d="M16 10a6 6 0 1 0 6 6a6 6 0 0 0-6-6m0 10a4 4 0 1 1 4-4a4 4 0 0 1-4 4"/></svg>
  87.                 Mostrar observaciones
  88.             </div>
  89.             <div id="observations-segment">
  90.                 <div id="observations-hide-btn" data-content="Ocultar observaciones">
  91.                     <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m5.24 22.51l1.43-1.42A14.06 14.06 0 0 1 3.07 16C5.1 10.93 10.7 7 16 7a12.4 12.4 0 0 1 4 .72l1.55-1.56A14.7 14.7 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68a16 16 0 0 0 4.18 6.17"/><path fill="currentColor" d="M12 15.73a4 4 0 0 1 3.7-3.7l1.81-1.82a6 6 0 0 0-7.33 7.33zm18.94-.07a16.4 16.4 0 0 0-5.74-7.44L30 3.41L28.59 2L2 28.59L3.41 30l5.1-5.1A15.3 15.3 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M20 16a4 4 0 0 1-6 3.44L19.44 14a4 4 0 0 1 .56 2m-4 9a13.05 13.05 0 0 1-6-1.58l2.54-2.54a6 6 0 0 0 8.35-8.35l2.87-2.87A14.54 14.54 0 0 1 28.93 16C26.9 21.07 21.3 25 16 25"/></svg>
  92.                 </div>
  93.                 {{ ranking.observations|nl2br }}
  94.             </div>
  95.         {% endif %}
  97.         {% if not ranking.activo %}
  98.             <div class="only-login-visible ui mobile hidden">
  99.                 Este ranking se encuentra desactivado de cara al público, solo los usuarios de configuración de Nextcaddy pueden visualizarlo
  100.             </div>
  101.         {% endif %}
  103.         <div class="tableRanking table-ranking-container hide-points-columns ranking-{{ codeClubOrCliente }}">
  104.             {% include 'frontend/Ranking/tabla_ranking.html.twig' with {'puntos': puntos, 'ranking': ranking, 'jugadores': jugadores, 'penalidad': penalidad, 'bonus': bonus, 'isMedal': isMedal} %}
  105.         </div>
  107.         <div class="ui divider hidden"></div>
  109.         {# <div class="ui blue icon button mostrarOcultos" data-position="right center" data-tooltip="{{ 'ranking.show'|trans({}, 'FrontendBundle') }}" data-inverted="">
  110.             <i class="eye icon"></i>
  111.         </div> #}
  113.         <div class="ui large modal calendario">
  114.             <i class="close icon"></i>
  115.             <div class="header">
  116.                 {{ 'ranking.calendar'|trans({}, 'FrontendBundle') }}
  117.             </div>
  118.             <div class="content">
  119.                 <table class="ui large stackable padded striped celled table" id="calendarioTable">
  120.                     <tr>
  121.                         <th>{{ 'comite.fecha'|trans({}, 'FrontendBundle') }}</th>
  122.                         <th>{{ 'competicion.nombre'|trans({}, 'FrontendBundle') }}</th>
  123.                         <th>{{ 'club.club'|trans({}, 'FrontendBundle') }}</th>
  124.                     </tr>
  125.                     {% for cranking in ranking.competiciones %}
  126.                         <tr>
  127.                             <td>{{ cranking.date|date("d-m-Y") }}</td>
  128.                             <td>
  129.                                 {% if cranking.competicion is not null %}
  130.                                     <a href="{{ path('_tournament', {'id': cranking.competicion.id}) }}" target="_blank">
  131.                                         {{ cranking.name }}
  132.                                     </a>
  133.                                 {% else %}
  134.                                     {{ cranking.name }}
  135.                                 {% endif %}
  136.                             </td>
  137.                             <td>
  138.                                 <a href="{{ path('_club', {'id': cranking.club.id}) }}" target="_blank">
  139.                                     {{ cranking.club.nombre }}
  140.                                 </a>
  141.                             </td>
  142.                         </tr>
  143.                     {% endfor %}
  144.                 </table>
  145.             </div>
  146.         </div>
  148.         <div class="ui modal documentos">
  149.             <i class="close icon"></i>
  150.             <div class="header">
  151.                 {{ 'ranking.documents'|trans({}, 'FrontendBundle') }}
  152.             </div>
  153.             <div class="content">
  154.                 <table class="ui large stackable padded striped celled table" id="documentosTable">
  155.                     <tr>
  156.                         <th>{{ 'competicion.nombre'|trans({}, 'FrontendBundle') }}</th>
  157.                         <th></th>
  158.                     </tr>
  159.                     {% for cranking in ranking.competiciones %}
  160.                         <tr>
  161.                             <td>
  162.                                 {% if cranking.competicion is not null %}
  163.                                     <a href="{{ path('_tournament', {'id': cranking.competicion.id}) }}" target="_blank">
  164.                                         {{ cranking.name }}
  165.                                     </a>
  166.                                 {% else %}
  167.                                     {{ cranking.name }}
  168.                                 {% endif %}
  169.                             </td>
  170.                             <td>
  171.                                 {% if cranking.competicion is not null and cranking.competicion.ficheroVarios is not null %}
  172.                                     <a class="ui fluid blue button" href="https://docs.google.com/viewerng/viewer?url={{ app.request.schemeAndHttpHost ~ app.request.baseUrl }}/uploads/competiciones/pdf/{{ cranking.competicion.ficheroVarios }}" target="_blank">
  173.                                         <i class="file alternate outline icon"></i>{{ cranking.competicion.ficheroVariosNombre }}
  174.                                     </a>
  175.                                 {% endif %}
  176.                             </td>
  177.                         </tr>
  178.                     {% endfor %}
  179.                 </table>
  180.             </div>
  181.         </div>
  183.         <div id="preloadTarjetaAux" style="display: none;">
  184.             {% include 'frontend/Competicion/MOCK_CARD_HOR.svg.twig' %}
  185.         </div>
  187.         <div class="ui long large modal second modal-tarjetas">
  188.         <div class="scrolling content" id="inscritos-tarjetas" style="padding: 0px!important">
  189.             <div id="tarjeta-load"></div>
  190.         </div>
  191.     </div>
  193.     {% else %}
  194.         <div class="ui mobile only headerRanking">
  195.             <div class="moblie-fondo ui secondary center aligned fondoBannerRanking ranking-{{ codeClubOrCliente }}"></div>
  196.             <h1 class="headerRanking">
  197.                 {{ ranking.nombre }}
  198.             </h1>
  199.             Última actualización: {{ ranking.generatedAt|date('d-m-Y H:i') }}
  200.         </div>
  201.         <div class="ui center aligned basic segment inactiveRanking">
  202.             <h1>Este ranking se encuentra desactivado</h1>
  203.         </div>
  204.     {% endif %}
  205. {% endblock %}
  207. {% block javascripts %}
  208.     <script>
  209.         $("body").on("click", ".mostrarOcultos.button", function (e) {
  210.             e.preventDefault();
  211.             if ($(".aCambiar").hasClass('filaOculta')) {
  212.                 $(".aCambiar").addClass('eliminaSaltos');
  213.                 $(".aCambiar").removeClass('filaOculta');
  214.             } else {
  215.                 if ($(".aCambiar").hasClass('eliminaSaltos')) {
  216.                     $(".aCambiar").addClass('filaOculta');
  217.                     $(".aCambiar").removeClass('eliminaSaltos');
  218.                 }
  219.             }
  220.         });
  222.         $("body").on("click", ".abreModal", function (e) {
  223.             e.preventDefault();
  225.             var clases = $(this).attr("class").split(" ");
  227.             $(".modal." + clases.pop()).modal({
  228.                 closable: true,
  229.                 observeChanges: true
  230.             }).modal("show");
  231.         });
  233.         $(".tableCell").popup({inverted: true, position: "top center"});
  235.         function cardOpener(inscribedId, order) {
  236.             var ruta = Routing.generate('_tarjeta');
  237.             var device = screen.width;
  238.             $('#tarjeta-load').html($('#preloadTarjetaAux').html());
  240.             $('.ui.long.modal.second').modal({
  241.                 onHidden: function () {
  242.                     $("#cabecera").removeClass("hide");
  243.                 },
  244.                 onHide: function () {
  245.                     $('body').removeClass("dimmable");
  246.                     $(".scorecard-header-transition").transition("browse out");
  247.                     $('#tarjeta-load').html($('#preloadTarjetaAux').html());
  248.                 },
  249.                 onShow: function () {
  250.                 }
  251.             }).modal('setting', 'transition', 'vertical flip').modal('show');
  253.             $.post(ruta, {inscrito: inscribedId, device_res: device, order: order, only_round: 1}, function (data) {
  254.                 $('#tarjeta-load').html(data);
  255.                 $(".scorecard-datas").transition('fade up in', '600ms');
  256.                 $(".scorecard-header-transition").transition("browse in", "600ms");
  257.             }).fail(function () {
  258.                 $('.ui.long.modal.second').modal('hide');
  259.                 $('.ui.page.dimmer.second').dimmer('show');
  260.             });
  261.         }
  263.         $('#vistaAmpliada').click(function () {
  264.             let status = $(this).data('status');
  265.             if (status) {
  266.                 $('#ranking').removeClass('tablaAmpliada');
  267.                 $('#vistaAmpliada .icon').removeClass('slash');
  268.             } else {
  269.                 $('#ranking').addClass('tablaAmpliada');
  270.                 $('#vistaAmpliada .icon').addClass('slash');
  271.             }
  272.             $(this).data('status', status == 1 ? 0 : 1);
  273.         });
  275.         $("body").on('change', '#show-details', function () {
  276.             if ($(this).is(':checked')) {
  277.                 $('.table-ranking-container').removeClass('hide-points-columns');
  278.             } else {
  279.                 $('.table-ranking-container').addClass('hide-points-columns');
  280.             }
  281.         });
  283.         $("body").on('click', '.competition-title:not(.no-link)', function () {
  284.             let id = $(this).data('competitionId');
  286.             let url = Routing.generate('_tournament', {'id': id});
  287.             window.open(url, '_blank');
  288.         });
  290.         $('body').on('click', '#show-observations-btn', function () {
  291.             $(this).addClass('hidden');
  292.             $('#observations-segment').show();
  293.         });
  295.         $('body').on('click', '#observations-hide-btn', function () {
  296.             $('#observations-segment').hide();
  297.             $('#show-observations-btn').removeClass('hidden');
  298.         });
  300.         $(function () {
  301.             $('div.tableRow.filaOculta').popup({
  302.                 content: 'Este jugador no cumple el mínimo de competiciones',
  303.                 hoverable: true,
  304.                 position: 'top center',
  305.             });
  306.         });
  307.     </script>
  308. {% endblock %}