templates/backend/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'backend/base.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block content %}
  6.     <div class="row justify-content-md-center">
  7.         <div class="col-12 col-lg-8 mb-4 mb-lg-0">
  8.             <div class="card h-100">
  9.                 <div class="card-header">
  10.                     <div class="row">
  11.                         <div class="col-12 col-lg-6">
  12.                             <h4>Adhérents par régions {{ mapSelectedYear }}</h4>
  13.                             <div class="text-sm"><i>Cliquez sur les numéros pour voir le détails</i></div>
  14.                         </div>
  15.                         <div class="col-12 col-lg-6 text-end">
  16.                             <a href="{{ path('app_homepage', {year: (nowYear - 2)}) }}" class="btn {{ (nowYear - 2) == mapSelectedYear ? 'btn-success' : 'btn-outline-secondary' }} btn-sm">{{ nowYear - 2 }}</a>
  17.                             <a href="{{ path('app_homepage', {year: (nowYear - 1)}) }}" class="btn {{ (nowYear - 1) == mapSelectedYear ? 'btn-success' : 'btn-outline-secondary' }} btn-sm">{{ nowYear - 1 }}</a>
  18.                             <a href="{{ path('app_homepage', {year: (nowYear)}) }}" class="btn {{ nowYear == mapSelectedYear ? 'btn-success' : 'btn-outline-secondary' }} btn-sm">{{ nowYear }}</a>
  19.                         </div>
  20.                     </div>
  21.                 </div>
  22.                 <div class="card-body">
  23.                     <div
  24.                             class="map mx-auto"
  25.                             data-controller="region-details-modal"
  26.                             data-region-details-modal-id-value="#regionDetail"
  27.                             data-region-details-modal-year-value="{{ mapSelectedYear }}"
  28.                             data-region-details-modal-display-value="{{ is_granted('ROLE_BOARD_DIRECTOR') or is_granted('ROLE_REGIONAL_AGENT') or is_granted('ROLE_UNION_PRESIDENT') ? 'false' : 'true' }}"
  29.                     >
  30.                         {% set color = '#000000' %}
  31.                         {% if memberPerRegion is not empty %}
  32.                             <span class="map-value" data-region-id="{{ memberPerRegion[6].id }}" style="top: 115px; right: -335px;" title="{{ memberPerRegion[6].name ~ '(' ~ memberPerRegion[6].id ~')' }}">
  33.                                 {{ memberPerRegion[6].countMember }}
  34.                             </span>
  35.                             <span class="map-value" data-region-id="{{ memberPerRegion[8].id }}" style="top: 163px;right: -203px;" title="{{ memberPerRegion[8].name ~ '(' ~ memberPerRegion[8].id ~')' }}">
  36.                                 {{ memberPerRegion[8].countMember }}
  37.                             </span>
  38.                             <span class="map-value" data-region-id="{{ memberPerRegion[7].id }}" style="top: 189px; right: -308px;" title="{{ memberPerRegion[7].name ~ '(' ~ memberPerRegion[7].id ~')' }}">
  39.                                 {{ memberPerRegion[7].countMember }}
  40.                             </span>
  41.                             <span class="map-value" data-region-id="{{ memberPerRegion[5].id }}" style="top: 189px; right: -421px;" title="{{ memberPerRegion[5].name ~ '(' ~ memberPerRegion[5].id ~')' }}">
  42.                                 {{ memberPerRegion[5].countMember }}
  43.                             </span>
  44.                             <span class="map-value" data-region-id="{{ memberPerRegion[1].id }}" style="top: 296px; right: -374px;" title="{{ memberPerRegion[1].name ~ '(' ~ memberPerRegion[1].id ~')' }}">
  45.                                 {{ memberPerRegion[1].countMember }}
  46.                             </span>
  47.                             <span class="map-value" data-region-id="{{ memberPerRegion[0].id }}" style="top: 416px;right: -347px;" title="{{ memberPerRegion[0].name ~ '(' ~ memberPerRegion[0].id ~')' }}">
  48.                                 {{ memberPerRegion[0].countMember }}
  49.                             </span>
  50.                             <span class="map-value" data-region-id="{{ memberPerRegion[12].id }}" style="top: 509px; right: -388px;" title="{{ memberPerRegion[12].name ~ '(' ~ memberPerRegion[12].id ~')' }}">
  51.                                 {{ memberPerRegion[12].countMember }}
  52.                             </span>
  53.                             <span class="map-value" data-region-id="{{ memberPerRegion[10].id }}" style="top: 505px; right: -204px;" title="{{ memberPerRegion[10].name ~ '(' ~ memberPerRegion[10].id ~')' }}">
  54.                                 {{ memberPerRegion[10].countMember }}
  55.                             </span>
  56.                             <span class="map-value" data-region-id="{{ memberPerRegion[9].id }}" style="top: 400px; right: -103px;" title="{{ memberPerRegion[9].name ~ '(' ~ memberPerRegion[9].id ~')' }}">
  57.                                 {{ memberPerRegion[9].countMember }}
  58.                             </span>
  59.                             <span class="map-value" data-region-id="{{ memberPerRegion[3].id }}" style="top: 285px; right: -142px;" title="{{ memberPerRegion[3].name ~ '(' ~ memberPerRegion[3].id ~')' }}">
  60.                                 {{ memberPerRegion[3].countMember }}
  61.                             </span>
  62.                             <span class="map-value" data-region-id="{{ memberPerRegion[2].id }}" style="top: 222px; right: 67px;" title="{{ memberPerRegion[2].name ~ '(' ~ memberPerRegion[2].id ~')' }}">
  63.                                 {{ memberPerRegion[2].countMember }}
  64.                             </span>
  65.                             <span class="map-value" data-region-id="{{ memberPerRegion[11].id }}" style="top: 222px; right: -19px;" title="{{ memberPerRegion[11].name ~ '(' ~ memberPerRegion[11].id ~')' }}">
  66.                                 {{ memberPerRegion[11].countMember }}
  67.                             </span>
  68.                             <span class="map-value" data-region-id="{{ memberPerRegion[4].id }}" style="top: 596px; right: -409px;" title="{{ memberPerRegion[4].name ~ '(' ~ memberPerRegion[4].id ~')' }}">
  69.                                 {{ memberPerRegion[4].countMember }}
  70.                             </span>
  71.                         {% endif %}
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.         <div class="col-12 col-lg-4">
  77.             <div class="card">
  78.                 <div class="card-header"><h4>Adhésion sur les 3 dernières années</h4></div>
  79.                 <div class="card-body">
  80.                     {{ render_chart(chartMemberPerYear) }}
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  86.     <!-- Modal -->
  87.     <div class="modal fade" id="regionDetail" tabindex="-1" aria-labelledby="regionDetailLabel" aria-hidden="true">
  88.         <div class="modal-dialog modal-lg">
  89.             <div class="modal-content">
  90.                 <div class="modal-header">
  91.                     <h1 class="modal-title fs-5" id="regionDetailLabel"></h1>
  92.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  93.                 </div>
  94.                 <div class="modal-body">
  95.                     <table class="table">
  96.                         <thead>
  97.                             <tr>
  98.                                 <th>Raison sociale</th>
  99.                                 <th class="text-center">Action(s)</th>
  100.                             </tr>
  101.                         </thead>
  102.                         <tbody id="region-details">
  104.                         </tbody>
  105.                     </table>
  106.                 </div>
  107.             </div>
  108.         </div>
  109.     </div>
  111. {% endblock %}