templates/pages/crew-detail.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}Rapper detail{% endblock %}
  3. {% block bodyClass %}rappersBody{% endblock %}
  4. {% import "components/profileMacros.html.twig" as profileMacros %}
  6. {# @var \App\Entity\Crew crew #}
  7. {% block body %}
  8.     <section id="profile" class="profile" style="background-color: #eee;">
  9.         <div class="container py-5">
  10.             <div class="row">
  11.                 <div class="col-lg-4">
  12.                     <div class="card mb-4">
  13.                         <div class="card-body text-center">
  14.                             <div class="profile-img-wrapper"  {% if crew.backgroundFileName!=null %} style="background: url('{{ asset('uploads/images/crews/'~crew.backgroundFileName) }}');" {% else %} style="background-image: url({{ asset('build/images/defaultBackground.png') }}); background-size: 102%; background-position: center center;" {% endif %} >
  15.                                 {% if crew.imageName!=null %}
  16.                                     <img src="{{ asset('uploads/images/crews/logos/'~crew.imageName) }}" alt="avatar" class="rounded-circle img-fluid" style="width: 200px;">
  17.                                 {% else %}
  18.                                     <img src="{{ asset('build/images/defaultAvatar.png') }}" alt="avatar" class="rounded-circle img-fluid" style="width: 200px;">
  19.                                 {% endif %}
  20.                             </div>
  21.                             <h5 class="my-3">{{ crew.name }}</h5>
  22.                             <p class="text-muted mb-4">{{ crew.city }}{% if crew.country %},{{ crew.country.shortName }}{% endif %}</p>
  24. {#                            {% if app.user and app.user.id != rapper.client.id %}#}
  25. {#                                <div class="d-flex justify-content-center mb-2">#}
  26. {#                                    <button type="button" class="js-follow-rapper btn btn-primary" data-id="{{ rapper.id }}">Follow</button>#}
  27. {#                                    <button type="button" class="btn btn-outline-primary ms-1">Message</button>#}
  28. {#                                </div>#}
  29. {#                            {% endif %}#}
  31.                         </div>
  32.                     </div>
  34.                 </div>
  35.                 <div class="col-lg-8">
  36.                     <div class="card mb-4">
  37.                         <div class="card-body">
  38.                             <div class="row">
  39.                                 <div class="col-sm-3">
  40.                                     <h6 class="mb-0">Crew Name</h6>
  41.                                 </div>
  42.                                 <div class="col-sm-9">
  43.                                     <p class="text-muted mb-0">{{ crew.name }}</p>
  44.                                 </div>
  45.                             </div>
  47.                             <hr>
  48.                             <div class="row">
  49.                                 <div class="col-sm-3">
  50.                                     <h6 class="mb-0">Crew members</h6>
  51.                                 </div>
  52.                                 <div class="col-sm-9">
  53.                                     <p class="text-muted mb-0">{{ crew.rappers | length }}</p>
  54.                                 </div>
  55.                             </div>
  56.                             <hr>
  57.                             <div class="row">
  58.                                 <div class="col-sm-3">
  59.                                     <h6 class="mb-0">Leaderboard position</h6>
  60.                                 </div>
  61.                                 <div class="col-sm-9">
  62.                                     <p class="text-muted mb-0">#{{ getCrewLeaderboardPosition(crew.id) }}</p>
  63.                                 </div>
  64.                             </div>
  65.                             <hr>
  66.                             <div class="row">
  67.                                 <div class="col-sm-3">
  68.                                     <h6 class="mb-0">Origin</h6>
  69.                                 </div>
  70.                                 <div class="col-sm-9">
  71.                                     <p class="text-muted mb-0">{{ crew.city }}{% if crew.country %},{{ crew.country.name }}{% endif %}</p>
  72.                                 </div>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                     <div class="row">
  77.                         <div class="col-lg-12">
  78.                             {% if crew.rappers|length > 0 %}
  79.                                 <table class="crew-members-list table table-responsive">
  80.                                     <thead>
  81.                                     <tr class="crew-member-item-head">
  82.                                         <th class="rapper-name">
  83.                                             <h6>Rapper</h6>
  84.                                         </th>
  85.                                         <th class="rapper-rank">
  86.                                             <h6>Rapper rank</h6>
  87.                                         </th>
  88.                                     </tr>
  89.                                     </thead>
  90.                                     <tbody>
  91.                                     {% for rapper in crew.rappers %}
  92.                                         <tr class="crew-member-item {% if crew.createdBy == rapper.client %}owner{% endif %}">
  94.                                             <td class="rapper-name">
  95.                                                 <a href="{{ path('rapperDetail',{id:rapper.id}) }}" class="{% if crew.createdBy == rapper.client %}text-white{% endif %}" > <p>{{ rapper.pseudoname }} {% if crew.createdBy == rapper.client %} (owner) {% endif %}</p></a>
  96.                                             </td>
  97.                                             <td class="rapper-rank">
  98.                                                 <a href="{{ path('rapperDetail',{id:rapper.id}) }}" class="{% if crew.createdBy == rapper.client %}text-white{% endif %}"> <p>{{ rapper.rank }}</p></a>
  99.                                             </td>
  101.                                         </tr>
  102.                                     {% endfor %}
  103.                                     </tbody>
  104.                                 </table>
  105.                             {% else %}
  106.                                 <div class="no-content-message">
  107.                                     <p>No crew members :(</p>
  108.                                 </div>
  109.                             {% endif %}
  110.                         </div>
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         </div>
  115.     </section>
  116. {% endblock %}