templates/project/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Lista projektów{% endblock %}
  5. {% block body %}
  6.     <div class="row">
  7.         <div class="col-lg-12">
  8.             <div class="card">
  9.                 <div class="card-header">
  10.                     <h4 class="card-title mb-0">Lista projektów</h4>
  11.                 </div><!-- end card header -->
  12.                 
  13.                 <div class="card-body">
  14.                     <div id="raportList">
  15.                         <div class="row g-4 mb-3">
  16.                             <div class="col-sm-auto">
  17.                                 <div>
  18.                                     {% if is_granted('ROLE_ADMIN') %}
  19.                                         {% include '_partials/components/add_new_button.html.twig' with {
  20.                                             "label": "Stwórz nowy projekt",
  21.                                             "path_name": "project_new"
  22.                                         } %}
  23.                                         {% include '_partials/components/download_button.html.twig' with {
  24.                                             "label": "Pobierz projekty",
  25.                                             "path_name": "project_download"
  26.                                         } %}
  27.                                     {% endif %}
  28.                                 </div>
  29.                             </div>
  30.                             <div class="col-sm">
  31.                                 <div class="d-flex justify-content-sm-end">
  32.                                     <div class="search-box ms-2">
  33.                                         <input type="text" class="form-control search" placeholder="Search...">
  34.                                         <i class="ri-search-line search-icon"></i>
  35.                                     </div>
  36.                                 </div>
  37.                             </div>
  38.                         </div>
  39.                         
  40.                         <div class="table-card mt-3 mb-1">
  41.                             <table class="table align-middle table-hover table-borderless" id="raportTable">
  42.                                 <thead class="table-light">
  43.                                 <tr class="align-middle">
  44.                                     <th class="sort" data-sort="project_id">ID</th>
  45.                                     <th class="sort" data-sort="project_status">Status</th>
  46.                                     <th class="sort" data-sort="project_name">Nazwa</th>
  47.                                     <th class="sort col-1" data-sort="project_package">Usługa</th>
  48.                                     <th class="sort col-1" data-sort="project_provider">Opiekun</th>
  49.                                     <th class="sort" data-sort="project_description">Opis</th>
  50.                                     <th class="sort" data-sort="project_max_time">Maks. czas</th>
  51.                                     <th class="sort" data-sort="project_work_time">Wyk. czas</th>
  52.                                     <th class="sort" data-sort="project_assigned_task">Ilość przypisanych zadań</th>
  53.                                     {% if is_granted('ROLE_ADMIN') %}
  54.                                     <th class="sort" data-sort="project_progress">Postęp projektu</th>
  55.                                     {% endif %}
  56.                                     <th class="">Akcja</th>
  57.                                 </tr>
  58.                                 </thead>
  59.                                 <tbody class="list">
  60.                                 {% for project in projects %}
  61.                                 <tr>
  62.                                     <td class="project_id">#{{ project.id }}</td>
  63.                                     <td class="project_status">{% if project.isDeactivated %}<span class="badge text-bg-danger">Nieaktywny</span>{% else %}<span class="badge text-bg-success">Aktywny</span>{% endif %}</td>
  64.                                     <td class="project_name"><a href="{{ path('raport_index', {'pid': project.id}) }}">{{ project.name }}</a></td>
  65.                                     <td class="project_package">{{ project.offerPackage.name ?? "" }}</td>
  66.                                     <td class="project_provider">{{ project.leader.name ?? "Brak opiekuna" }}</td>
  67.                                     <td class="project_description">{{ project.descriptionForUser|raw }}</td>
  68.                                     <td class="project_max_time">{{ limitsInThisMonth(project) }}</td>
  69.                                     <td class="project_work_time">{{ convert_number_float_to_time(getWorkedTimeInMonth(project), is_granted('ROLE_CLIENT')) }}</td>
  70.                                     <td class="project_assigned_task">{% if project.offerPackage %}{{ countAssignedOfferTask(project) }}/{{ countAllOfferTaskToDoInProject(project) }}{% else %}Brak oferty{% endif %}</td>
  71.                                     {% if is_granted('ROLE_ADMIN') %}
  72.                                         <td class="text-center text-xs project_progress">
  73.                                             <div class="progress-wrapper">
  74.                                                 <div class="progress-info">
  75.                                                     <div class="progress-percentage">
  76.                                                         <span class="text-sm font-weight-bold">{{ completedPercentageOfferTask(project) }}%</span>
  77.                                                     </div>
  78.                                                 </div>
  79.                                                 <div class="progress w-100">
  80.                                                     <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ completedPercentageOfferTask(project) }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ completedPercentageOfferTask(project) }}%;"></div>
  81.                                                 </div>
  82.                                             </div>
  83.                                         </td>
  84.                                     {% endif %}
  85.                                     <td>
  86.                                         <div class="d-inline-flex gap-4">
  87.                                             <a class="fs-15 btn btn-soft-primary" href="{{ path('project_show', {'project': project.id}) }}"><i class="ri-slideshow-3-line"></i></a>
  88.                                             {% if is_granted('ROLE_ADMIN') %}
  89.                                             <div class="dropdown card-header-dropdown">
  90.                                                 <a class="fs-15 btn btn-soft-primary " href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="ri-more-line"></i></a>
  91.                                                 <div class="dropdown-menu dropdown-menu-end" style="">
  92.                                                     <a class="dropdown-item" href="{{ path('project_edit', {'id': project.id}) }}"><i class="fas fa-pencil-alt text-dark me-2" aria-hidden="true"></i>Edytuj</a>
  93.                                                     {% if project.isActive %}
  94.                                                             <a class="dropdown-item" href="{{ path('project_deactive', {'id': project.id}) }}" onclick="return confirm('Na pewno chcesz deazktywować ten projekt?')"><i class="fa-solid fa-link-slash me-2" aria-hidden="true"></i>Dezaktywuj</a>
  95.                                                     {% else %}
  96.                                                             <a class="dropdown-item" href="{{ path('project_active', {'id': project.id}) }}"><i class="fa-solid fa-link me-2" aria-hidden="true"></i>Aktywuj</a>
  97.                                                     {% endif %}
  98.                                                     <a class="dropdown-item" href="{{ path('project_delete', {'id': project.id}) }}" onclick="return confirm('Na pewno chcesz to usunąć?')"><i class="far fa-trash-alt me-2" aria-hidden="true"></i>Usuń</a>
  99.                                                     
  100.                                                 </div>
  101.                                             </div>
  102.                                             {% endif %}
  103.                                         </div>
  104.                                     </td>
  105.                                 </tr>
  106.                                 {% else %}
  107.                                 <tr>
  108.                                     {% include '_partials/components/no_result_table.html.twig' %}
  109.                                 </tr>
  110.                                 {% endfor %}
  111.                                 </tbody>
  112.                             </table>
  113.                             {% include '_partials/components/no_result_table.html.twig' %}
  114.                         </div>
  115.     
  116.                         {% include '_partials/components/pagination_list_button.html.twig' %}
  117.                     </div>
  118.                 </div><!-- end card -->
  119.             </div>
  120.             <!-- end col -->
  121.         </div>
  122.         <!-- end col -->
  123.     </div>
  124. {% endblock %}
  127.         {% block javascripts %}
  128.             {{ parent() }}
  129.             <script src="{{ asset('assets/velzon/libs/list.js/list.min.js') }}"></script>
  130.             <script src="{{ asset('assets/velzon/libs/list.pagination.js/list.pagination.min.js') }}"></script>
  131.             <script src="{{ asset('assets/velzon/js/pages/tablesjs/listjs.project.js') }}"></script>
  132.             <script src="{{ asset('assets/velzon/libs/sweetalert2/sweetalert2.min.js') }}"></script>
  133.         {% endblock %}