templates/frontend/Competicion/livescoring.html.twig line 1

Open in your IDE?
  1. {% extends "base_blank.html.twig" %}
  2. {% block title %}Livescoring{% endblock %}
  3. {% block stylesheetspage %}
  4.     {{ encore_entry_script_tags('livescoring') }}
  5.     {{ encore_entry_link_tags('livescoring') }}
  6.     <link href="https://fonts.googleapis.com/css?family=Open+Sans|Scope+One|Montserrat:700,400" rel="stylesheet">
  7.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.css" type="text/css"/>
  8.     <link rel="stylesheet" type="text/css" href="{{ asset('css/frontend/livescoring.css') }}?v=1.15"/>
  9.     <link href="{{ asset('css/frontend/tarjeta-new.css?v=0.01')}}" rel="stylesheet" type="text/css"/>
  10.     <link href="{{ asset('css/frontend/responsiveElement.css')}}" rel="stylesheet" type="text/css"/>
  11.     <link rel="stylesheet" type="text/css" href="{{ asset('css/frontend/tarjetas_new.css') }}?v=2.05"/>
  12.     <link href="{{ asset('css/frontend/tablaCss.css')}}?v=0.02" rel="stylesheet" type="text/css"/>
  13. {% endblock %}
  14. {% block pagecontent %}
  15.     {% if livescoringH and livescoringS and competicion.livescoringFormula == 'handicap_scratch' %}
  16.         <div class="full-height" {{ react_component('Livescoring', {
  17.             'competitionName': nombreCompeticion,
  18.             'clubName': nombreClub,
  19.             'livescoringHandicapData': {
  20.                 'rounds': livescoringH.jornadas,
  21.                 'total': livescoringH.total,
  22.                 'roundId': livescoringH.jornadaId,
  23.                 'calculation': livescoringH.calculo,
  24.                 'keysOrder': livescoringH.ordenClaves,
  25.                 'positionOrder': livescoringH.ordenPosicion,
  26.                 'compatibleRounds': livescoringH.jornadasCompatibles,
  27.                 'roundNumber': livescoringH.orden
  28.             },
  29.             'livescoringScratchData': {
  30.                 'rounds': livescoringS.jornadas,
  31.                 'total': livescoringS.total,
  32.                 'roundId': livescoringS.jornadaId,
  33.                 'calculation': livescoringS.calculo,
  34.                 'keysOrder': livescoringS.ordenClaves,
  35.                 'positionOrder': livescoringS.ordenPosicion,
  36.                 'compatibleRounds': livescoringS.jornadasCompatibles,
  37.                 'roundNumber': livescoringS.orden
  38.             },
  39.             'rowLimit': 0,
  40.             'competitionId': compId,
  41.             'section': 'livescoring',
  42.             'teeTime': horaSalida,
  43.             'isProduction': isProduction,
  44.             'calculation': calculation,
  45.             'filteredByCalculation': true
  46.         }) }}></div>
  47.     {% elseif livescoring %}
  48.         <div class="full-height" {{ react_component('Livescoring', {
  49.             'competitionName': nombreCompeticion,
  50.             'clubName': nombreClub,
  51.             'livescoringData': {
  52.                 'rounds': livescoring.jornadas,
  53.                 'total': livescoring.total,
  54.                 'roundId': livescoring.jornadaId,
  55.                 'calculation': livescoring.calculo,
  56.                 'keysOrder': livescoring.ordenClaves,
  57.                 'positionOrder': livescoring.ordenPosicion,
  58.                 'compatibleRounds': livescoring.jornadasCompatibles,
  59.                 'roundNumber': livescoring.orden
  60.             },
  61.             'rowLimit': 0,
  62.             'competitionId': compId,
  63.             'section': 'livescoring',
  64.             'teeTime': horaSalida,
  65.             'isProduction': isProduction
  66.         }) }}></div>
  67.     {% else %}
  68.         <div class="notLivescoring">
  69.             <div>
  70.                 <svg class="logoNXT" viewBox="0 0 1500 400">
  71.                     <g class="svgFull" fill="currentColor">
  72.                         <g class="svgLogo" fill="currentColor">
  73.                             <path d="M224.491,165.298L224.293,95.669C224.252,81.455 207.847,72.928 196.629,81.657C196.329,81.891 196.032,82.135 195.742,82.392C157.255,116.357 128.042,141.483 89.862,175.155C88.635,176.238 87.927,177.795 87.927,179.432C87.921,212.987 87.915,247.797 87.91,281.478C87.91,282.943 89.635,283.718 90.735,282.752L224.491,165.298Z" />
  74.                             <path d="M186.901,215.772L187.099,285.401C187.14,299.615 203.545,308.142 214.763,299.413C215.064,299.179 215.359,298.935 215.651,298.678C254.135,264.714 283.348,239.589 321.525,205.919C322.755,204.833 323.465,203.273 323.466,201.633C323.471,168.08 323.477,133.271 323.482,99.592C323.482,98.128 321.757,97.352 320.657,98.319L186.901,215.772Z" style="fill-rule:nonzero;" />
  75.                         </g>
  76.                         <g class="svgTexto" fill="currentColor">
  77.                             <path d="M367.2,262.508L384.318,262.508L384.318,194.937C384.309,194.636 384.305,194.335 384.305,194.034C384.305,176.735 398.539,162.501 415.838,162.501C415.962,162.501 416.087,162.502 416.211,162.503C416.371,162.501 416.53,162.499 416.69,162.499C432.407,162.499 445.34,175.432 445.34,191.149C445.34,191.571 445.33,191.993 445.312,192.414L445.312,262.508L462.52,262.508L462.52,191.333C462.52,166.287 446.663,146.466 420.265,146.466C402.697,146.466 390.534,155.566 385.669,165.837L384.408,165.837L384.408,149.259L367.2,149.259L367.2,262.508Z" style="fill-rule:nonzero; " />
  78.                             <path d="M536.577,265.301L536.667,265.391C502.071,265.391 480.088,239.894 480.088,205.929C480.088,169.801 504.684,146.466 535.496,146.466C569.912,146.466 590.453,171.693 590.453,204.397L590.453,211.965L498.017,211.965C498.918,234.669 513.513,249.624 536.757,249.624C551.803,249.624 566.128,242.507 571.353,229.263L589.192,229.263C582.885,250.345 563.155,265.301 536.577,265.301ZM498.475,196.739L498.467,196.739L498.467,196.829C498.47,196.799 498.472,196.769 498.475,196.739ZM498.475,196.739L572.074,196.739C571.952,177.697 556.251,162.096 537.208,162.096C536.607,162.096 536.006,162.112 535.406,162.143C516.513,162.143 500.315,175.798 498.475,196.739Z" style="fill-rule:nonzero;" />
  79.                             <path d="M591.354,262.508L611.445,262.508L642.528,216.56L644.51,216.56L676.043,262.508L696.314,262.508L655.411,204.397L693.251,149.259L673.07,149.259L644.51,191.964L643.248,191.964L614.689,149.259L594.417,149.259L632.257,203.496L591.444,262.508L591.354,262.508Z" style="fill-rule:nonzero;" />
  80.                             <path d="M754.695,262.508L771.452,262.508L771.452,247.462L755.776,247.462C742.712,247.462 738.117,240.254 738.117,228.092L738.117,163.855L772.984,163.855L772.984,149.259L738.117,149.259L738.117,116.555L721.991,116.555L721.991,143.583C721.991,147.187 719.648,149.169 716.585,149.169L699.647,149.169L699.647,163.765L720.91,163.765L720.91,228.272C720.91,251.066 733.793,262.418 754.695,262.418L754.695,262.508Z" style="fill-rule:nonzero;" />
  81.                             <path d="M841.996,265.301C866.592,265.301 889.656,250.525 895.512,225.299L877.853,225.299C873.529,240.074 858.934,249.624 842.627,249.624C818.932,249.624 801.724,231.335 801.724,205.929C801.724,181.333 817.941,162.143 842.266,162.143C857.998,161.684 872.295,171.582 877.403,186.468L895.332,186.468C889.205,161.242 866.321,146.466 841.726,146.466C808.391,146.466 783.885,172.414 783.885,205.929C783.885,239.444 807.76,265.391 841.996,265.391L841.996,265.301Z" style="fill-rule:nonzero;" />
  82.                             <path d="M962.812,265.301C929.477,265.301 906.413,240.705 906.413,206.109C906.413,171.242 929.477,146.466 961.461,146.466C977.468,146.145 992.55,154.13 1001.28,167.548L1002.63,167.548L1002.63,149.259L1019.84,149.259L1019.84,262.508L1003.26,262.508L1003.26,244.579L1002,244.579C993.318,257.683 978.532,265.501 962.812,265.301ZM963.893,249.894C988.489,249.894 1003.26,229.804 1003.26,206.109C1003.26,178.27 985.876,162.143 963.443,162.143C940.109,162.143 924.072,180.432 924.072,206.109C924.072,232.687 940.109,249.894 963.893,249.894Z" style="fill-rule:nonzero;" />
  83.                             <path d="M1093.63,265.301C1060.29,265.301 1037.32,240.705 1037.32,206.109C1037.32,171.242 1060.29,146.466 1092.28,146.466C1108.32,146.113 1123.44,154.102 1132.19,167.548L1133.45,167.548L1133.45,99.257L1150.66,99.257L1150.66,262.508L1134.08,262.508L1134.08,244.579L1132.82,244.579C1124.13,257.683 1109.35,265.501 1093.63,265.301ZM1094.71,249.894C1119.31,249.894 1134.08,229.804 1134.08,206.109C1134.08,178.27 1116.69,162.143 1094.26,162.143C1071.02,162.143 1054.89,180.432 1054.89,206.109C1054.89,232.687 1071.02,249.894 1094.71,249.894Z" style="fill-rule:nonzero;" />
  84.                             <path d="M1224.45,265.301C1191.11,265.301 1168.14,240.705 1168.14,206.109C1168.14,171.242 1191.11,146.466 1223.09,146.466C1239.14,146.096 1254.27,154.089 1263.01,167.548L1264.36,167.548L1264.36,99.257L1281.48,99.257L1281.48,262.508L1264.9,262.508L1264.9,244.579L1263.64,244.579C1254.95,257.683 1240.16,265.501 1224.45,265.301ZM1225.53,249.894C1250.12,249.894 1264.9,229.804 1264.9,206.109C1264.9,178.27 1247.6,162.143 1225.08,162.143C1201.83,162.143 1185.7,180.432 1185.7,206.109C1185.7,232.687 1201.83,249.894 1225.53,249.894Z" style="fill-rule:nonzero;" />
  85.                             <path d="M1305.53,312.6L1317.33,312.6C1335.89,312.6 1344.81,303.861 1350.67,288.365L1404.72,149.259L1385.35,149.259L1349.95,245.12L1348.68,245.12L1313.55,149.259L1294.45,149.259L1340.4,268.544L1335.17,282.328C1331.48,292.059 1325.17,296.924 1314,296.924L1305.53,296.924L1305.53,312.6Z" style="fill-rule:nonzero;" />
  86.                         </g>
  87.                     </g>
  88.                 </svg>
  89.             </div>
  90.             <div>
  91.                 <h1>No hay datos hoy para esta competición</h1>
  92.             </div>
  93.         </div>
  94.     {% endif %}
  95.     <div style="background-color: #00000094; position: absolute; min-width: 100%; min-height: 100%; z-index: 1000; top: 0; left: 0; display: none; justify-content: center; align-items: center; overflow-y: scroll" id="eCardModal">
  96.         <div class="relative" id="eCardModalContainer" style="margin: 4em 0;">
  97.         </div>
  98.     </div>
  99. {% endblock %}
  100. {% block javascriptspage %}
  101.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  102.     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.js"></script>
  103.     <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
  104.     <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
  105.     <script>
  106.         var competitionCalculation = "{{ competicion.calculo.id }}";
  107.         let orderRound = "{{ orden }}";
  108.         {#window.routeInfo = {#}
  109.         {#    livescoringReload: "{{ path('livescoring_reload', {'team': team}) }}"#}
  110.         {#};#}
  111.     </script>
  112.     <script src="{{ asset('js/frontend/livescoring.js?v=1.03') }}" type="text/javascript"></script>
  113.     <script src="{{ asset('js/frontend/autoscroll.js?v=1.3') }}" type="text/javascript"></script>
  114. {% endblock %}