templates/admin/invoice/invoices.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  3. {% block title %}Счета на оплату{% endblock %}
  5. {% block content %}
  6.     <h1 class="h3 mb-2 text-gray-800">Счета на оплату</h1>
  8.     <div class="card shadow mb-4 mt-4">
  9.         <div class="card-header py-3">
  10.             <h6 class="m-0 font-weight-bold text-primary">Список счетов на оплату</h6>
  11.         </div>
  12.         <div class="card-body">
  14.             <div id="invoices-table-filters" class="mb-4 d-flex align-items-center" style="gap: 20px; flex-wrap: wrap;">
  15.                 {% include 'components/calendar_events_component.html.twig' %}
  17.                 {% include 'components/table_filter.html.twig' with { options: {
  18.                     labelText: 'Мероприятие',
  19.                     dropdownIdPrefix: 'calendarEvent',
  20.                     allItemsButtonText: 'Все мероприятия',
  21.                 }} %}
  23.                 {% include 'components/table_filter.html.twig' with { options: {
  24.                     labelText: 'Уровень учащегося',
  25.                     dropdownIdPrefix: 'level',
  26.                     allItemsButtonText: 'Все уровни',
  27.                 }} %}
  29.                 {% include 'components/table_filter.html.twig' with { options: {
  30.                     labelText: 'Статус учащегося',
  31.                     dropdownIdPrefix: 'status',
  32.                     allItemsButtonText: 'Все статусы',
  33.                 }} %}
  35.                 {% include 'components/table_filter.html.twig' with { options: {
  36.                     labelText: 'Статус счёта',
  37.                     dropdownIdPrefix: 'invoiceStatus',
  38.                     allItemsButtonText: 'Все статусы счёта',
  39.                 }} %}
  41.                 {% include 'components/table_filter.html.twig' with { options: {
  42.                     labelText: 'Статья финансов',
  43.                     dropdownIdPrefix: 'financeCategory',
  44.                     allItemsButtonText: 'Все статьи финансов',
  45.                 }} %}
  46.             </div>
  48.             <div class="table-responsive">
  49.                 <table class="table table-bordered" id="invoices-data-table">
  50.                     <thead>
  51.                         <tr>
  52.                             <th data-table-type="num">Номер п/п</th>
  53.                             <th data-table-type="date-d-m-Y">Дата создания</th>
  54.                             <th>Имя</th>
  55.                             <th data-table-dropdown-id="levelDropdown"
  56.                                 data-table-badge-id="levelBadge"
  57.                                 data-table-dropdown-text-for-all="Все уровни">Уровень учащегося</th>
  58.                             <th data-export-exclude-col>Статус учащегося</th>
  59.                             <th data-table-hide-col
  60.                                 data-table-dropdown-id="statusDropdown"
  61.                                 data-table-badge-id="statusBadge"
  62.                                 data-table-dropdown-text-for-all="Все статусы">Статус учащегося (текст)</th>
  63.                             <th data-table-dropdown-id="calendarEventDropdown"
  64.                                 data-table-badge-id="calendarEventBadge"
  65.                                 data-table-dropdown-text-for-all="Все мероприятия">Мероприятие</th>
  66.                             <th>Сумма</th>
  67.                             <th data-export-exclude-col
  68.                                 data-table-dropdown-id="invoiceStatusDropdown"
  69.                                 data-table-badge-id="invoiceStatusBadge"
  70.                                 data-table-dropdown-text-for-all="Все статусы счёта">Статус счёта</th>
  71.                             <th data-table-hide-col
  72.                                 data-table-dropdown-id="invoiceStatusDropdown"
  73.                                 data-table-badge-id="invoiceStatusBadge"
  74.                                 data-table-dropdown-text-for-all="Все статусы счёта">Статус счёта (текст)</th>
  75.                             <th data-table-dropdown-id="financeCategoryDropdown"
  76.                                 data-table-badge-id="financeCategoryBadge"
  77.                                 data-table-dropdown-text-for-all="Все статьи">Статья финансов</th>
  78.                         </tr>
  79.                     </thead>
  80.                     <tbody>
  81.                         {% set i = 0 %}
  82.                         {% for item in items %}
  83.                             {% set i = i + 1 %}
  84.                             {% set person = item.person %}
  85.                             {% set student = person ? person.student : null %}
  86.                             {% set calendarEvent = item.candidate ? item.candidate.calendarEvent : null %}
  87.                             <tr>
  88.                                 <td>{{ i }}</td>
  89.                                 <td>{{ item.createdAt|date('d.m.Y') }}</td>
  90.                                 <td>{{ person ? person.name : '–' }}</td>
  91.                                 <td>{{ student ? student.level : '–' }}</td>
  92.                                 <td>
  93.                                     {% if student %}
  94.                                         <span class="btn btn-{{ student.statusCssClass }} btn-icon-split w-max cursor-default">
  95.                                             <span class="icon text-white-50"><i class="fas fa-tag"></i></span>
  96.                                             <span class="text">{{ student.statusText }}</span>
  97.                                         </span>
  98.                                     {% else %}
  99.                                         –
  100.                                     {% endif %}
  101.                                 </td>
  102.                                 <td>{{ student ? student.statusText : '–' }}</td>
  103.                                 <td>{{ calendarEvent ? calendarEvent.getText() : '–' }}</td>
  104.                                 <td>{{ item.amount }}</td>
  105.                                 <td>
  106.                                     {% include 'components/status_button.html.twig' with { options: {
  107.                                         buttonClass: item.statusCssClass,
  108.                                         text: item.statusText,
  109.                                     }} %}
  110.                                 </td>
  111.                                 <td>{{ item.statusText }}</td>
  112.                                 <td>{{ item.financeCategory ? item.financeCategory.name : '–' }}</td>
  113.                         {% endfor %}
  114.                     </tbody>
  115.                 </table>
  116.             </div>
  118.             <div class="mt-4 d-flex">
  119.                 <button id="download-csv-btn" class="btn btn-primary">Скачать таблицу</button>
  120.             </div>
  121.         </div>
  122.     </div>
  123. {% endblock %}
  125. {% block addJs %}
  126.     <script>
  127.         let table = new CustomDataTable('#invoices-data-table', {
  128.             drawRowNumbersForColIndex: 0,
  129.         });
  130.         table.initDataTable();
  132.         $('#download-csv-btn').click(function() {
  133.             table.downloadCsv();
  134.         });
  135.     </script>
  136. {% endblock %}