templates/pages/leaderboard.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Leaderboard{% endblock %}
  3. {% block bodyClass %}leaderboard{% endblock %}
  5. {% block body %}
  7.     <section id="leaderboard" class="leaderboard">
  8.         <div class="container-fluid">
  9.             <div class="row">
  10.                 <div class="col-md-12">
  11.                     <div class="vertical-tab" role="tabpanel">
  12.                         <!-- Nav tabs -->
  13.                         <ul id="leaderboardTab" class="nav nav-tabs" role="tablist">
  14.                             <li role="presentation" class="active"><a href="#rappersLeaderboardTab" aria-controls="leaderboard" role="tab" data-toggle="tab">Rappers Leaderboard</a></li>
  15.                             <li role="presentation"><a href="#crewsLeaderboardTab" aria-controls="leaderboard" role="tab" data-toggle="tab">Crews Leaderboard</a></li>
  16.                         </ul>
  17.                         <!-- Tab panes -->
  18.                         <div class="tab-content tabs">
  19.                             <div role="tabpanel" class="tab-pane fade in active" id="rappersLeaderboardTab">
  21.                                 <div class="row">
  22.                                     <div class="col-lg-11 m-auto">
  23.                                         <h3>Rappers Leaderboard</h3>
  24.                                         <div class="table-responsive">
  25.                                             <table class="table">
  26.                                                 <thead class="bg-custom">
  27.                                                 <tr>
  28.                                                     <th class="text-right text-bold" style="width: 10%" scope="col"><h6>Position</h6></th>
  29.                                                     <th class="text-bold" scope="col"><h6>Rapper</h6></th>
  30.                                                     <th class="text-right text-bold" scope="col"><h6>Rank points</h6></th>
  31.                                                 </tr>
  32.                                                 </thead>
  33.                                                 <tbody>
  34.                                                 {% if rappers|length > 0 %}
  35.                                                     {% for rapper in rappers %}
  36.                                                         <tr>
  37.                                                             <th class="text-right text-bold" scope="row"><h5>#{{ loop.index }}</h5></th>
  38.                                                             <td><a href="{{ path('rapperDetail', {id: rapper.id}) }}">{{ rapper.pseudoname }}</a></td>
  39.                                                             <td class="text-right" >{{ rapper.rank }}</td>
  40.                                                         </tr>
  41.                                                     {% endfor %}
  42.                                                 {% else %}
  43.                                                     <tr>
  44.                                                         <td></td>
  45.                                                         <td class="text-center w-100">No rappers :(</td>
  46.                                                         <td></td>
  47.                                                     </tr>
  48.                                                 {% endif %}
  49.                                                 </tbody>
  50.                                             </table>
  51.                                         </div>
  52.                                     </div>
  53.                                 </div>
  54.                             </div>
  55.                             <div role="tabpanel" class="tab-pane fade" id="crewsLeaderboardTab">
  56.                                 <div class="row">
  57.                                     <div class="col-lg-11 m-auto">
  58.                                         <h3>Crews Leaderboard</h3>
  59.                                         <div class="row">
  60.                                             <div class="table-responsive">
  61.                                                 <table class="table">
  62.                                                     <thead class="bg-custom">
  63.                                                     <tr>
  64.                                                         <th class="text-right text-bold" style="width: 10%" scope="col"><h6>Position</h6></th>
  65.                                                         <th class="text-bold" scope="col"><h6>Crew</h6></th>
  66.                                                         <th class="text-bold" scope="col"><h6>Crew members</h6></th>
  67.                                                         <th class="text-right text-bold" scope="col"><h6>Rank points</h6></th>
  68.                                                     </tr>
  69.                                                     </thead>
  70.                                                     <tbody>
  71.                                                     {% if crews|length > 0 %}
  72.                                                         {% for crew in crews %}
  73.                                                             <tr>
  74.                                                                 <th class="text-right text-bold" scope="row"><h5>#{{ loop.index }}</h5></th>
  75.                                                                 <td><a href="{{ path('crewDetail', {id: crew.id}) }}">{{ crew.name }}</a></td>
  76.                                                                 <td>{{ crew.rappers|length }}</td>
  77.                                                                 <td class="text-right" >{{ crew.rank }}</td>
  78.                                                             </tr>
  79.                                                         {% endfor %}
  80.                                                     {% else %}
  81.                                                         <tr>
  82.                                                             <td></td>
  83.                                                             <td class="text-center w-100">No crews :(</td>
  84.                                                             <td></td>
  85.                                                         </tr>
  86.                                                     {% endif %}
  87.                                                     </tbody>
  88.                                                 </table>
  89.                                             </div>
  90.                                         </div>
  91.                                     </div>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  100.         </div>
  102.     </section>
  103. {% endblock %}