templates/pages/beats.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Beats{% endblock %}
  3. {% block bodyClass %}beats{% endblock %}
  4. {% import "components/macros.html.twig" as macros %}
  5. {% block body %}
  6.     <section id="battles" class="battles">
  7.         <div class="container-fluid">
  8.             <div class="row">
  9.                 <div class="col-md-12">
  10.                     <div class="vertical-tab" role="tabpanel">
  11.                         <!-- Nav tabs -->
  12.                         <ul id="beatsTab" class="nav nav-tabs" role="tablist">
  13.                             <li role="presentation" class="active"><a href="#allBeatsTab" aria-controls="home" role="tab" data-toggle="tab">All beats</a></li>
  14.                             <li role="presentation"><a href="#favoriteBeatsTab" aria-controls="profile" role="tab" data-toggle="tab">Favorite beats</a></li>
  15.                             <li role="presentation"><a href="#beatMakersTab" aria-controls="profile" role="tab" data-toggle="tab">Beat makers</a></li>
  16.                         </ul>
  17.                         <!-- Tab panes -->
  18.                         <div class="tab-content tabs">
  19.                             <div role="tabpanel" class="tab-pane fade in active" id="allBeatsTab">
  20.                                 <h3>All beats</h3>
  21.                                 {% if allBeats|length > 0 %}
  22.                                     <div class="row battles-list bb-content js-beats-list">
  23.                                         {% for beat in allBeats %}
  24.                                             {{ macros.renderCard('samplecard',beat,null) }}
  25.                                         {% endfor %}
  26.                                     </div>
  27.                                     <nav aria-label="Battles navigation" style="margin: 0 auto">
  28.                                         <ul id="pagin" class="pagination">
  30.                                         </ul>
  31.                                     </nav>
  32.                                 {% else %}
  33.                                     <div class="no-content-message">
  34.                                         <p class="text-center">No beats at this moment :(</p>
  35.                                     </div>
  36.                                 {% endif %}
  37.                             </div>
  38.                             <div role="tabpanel" class="tab-pane fade" id="favoriteBeatsTab">
  39.                                 <h3>Favorite beats</h3>
  40.                                 {% if favoriteBeats|length > 0 %}
  41.                                     <div class="row battles-list bb-content">
  42.                                         {% for beat in favoriteBeats %}
  43.                                             {{ macros.renderCard('samplecard',beat,null) }}
  44.                                         {% endfor %}
  45.                                     </div>
  46.                                     <nav aria-label="Battles navigation" style="margin: 0 auto">
  47.                                         <ul id="pagin" class="pagination">
  49.                                         </ul>
  50.                                     </nav>
  51.                                 {% else %}
  52.                                     <div class="no-content-message">
  53.                                         <p class="text-center">No beats at this moment :(</p>
  54.                                     </div>
  55.                                 {% endif %}
  56.                             </div>
  57.                             <div role="tabpanel" class="tab-pane fade" id="beatMakersTab">
  58.                                 <h3>Beat makers</h3>
  59.                                 {% if authors|length > 0 %}
  60.                                     <div class="row battles-list bb-content">
  61.                                         {% for author in authors %}
  62.                                             {{ macros.renderAuthorCard(author) }}
  63.                                         {% endfor %}
  64.                                     </div>
  65.                                     <nav aria-label="Battles navigation" style="margin: 0 auto">
  66.                                         <ul id="pagin" class="pagination">
  68.                                         </ul>
  69.                                     </nav>
  70.                                 {% else %}
  71.                                     <div class="no-content-message">
  72.                                         <p class="text-center">No beat makers at this moment :(</p>
  73.                                     </div>
  74.                                 {% endif %}
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  83. {% endblock %}