templates/progression_detail/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}ProgressionDetail index{% endblock %}
  4. {% set estVacance = 0 %}
  5. {% block breakcumb %}
  6.     <li class="breadcrumb-item text-muted">
  7.         <a href="{{ path('app_progression_index') }}" class="text-muted">Progression</a>
  8.     </li>
  9.     <li class="breadcrumb-item text-dark">Détail</li>
  10. {% endblock %}
  11. {% block stylesheets %}
  12.     <!--begin::Page Custom Javascript(used by this page)-->
  13.     <link href="{{ asset("theme/plugins/custom/datatables/datatables.bundle.css") }}" rel="stylesheet" type="text/css" />
  14.     <link href="https://cdn.datatables.net/searchpanes/2.0.2/css/searchPanes.dataTables.min.css" rel="stylesheet" type="text/css" />
  15.     <link href="https://cdn.datatables.net/select/1.4.0/css/select.dataTables.min.css" rel="stylesheet" type="text/css" />
  16.     <!--end::Page Custom Javascript-->
  18.     {{ parent() }}
  20. {% endblock %}
  21. {% block javascripts %}
  22.     {{ parent() }}
  23.     <!--begin::Page Custom Javascript(used by this page)-->
  24.     <script src="{{ asset("theme/plugins/custom/datatables/datatables.bundle.js") }}"></script>
  25.     <script src="https://cdn.datatables.net/searchpanes/2.0.2/js/dataTables.searchPanes.min.js"></script>
  26.     <script src="https://cdn.datatables.net/select/1.4.0/js/dataTables.select.min.js"></script>
  27.     <!--end::Page Custom Javascript-->
  28.     <script>
  29.         let colonne = 2;
  30.         $.fn.dataTable.ext.search.push(function (settings, data, dataIndex) {
  31.             var dateMin = $('#min').val().split('-');
  32.             var dateMax = $('#max').val().split('-');
  33.             var min = parseInt(dateMin[0]+""+dateMin[1]+""+dateMin[2], 10);
  34.             var max = parseInt(dateMax[0]+""+dateMax[1]+""+dateMax[2], 10);
  35.             var age = parseInt(data[colonne]) || 0; // use data for the age column
  37.             if (
  38.                 (isNaN(min) && isNaN(max)) ||
  39.                 (isNaN(min) && age <= max) ||
  40.                 (min <= age && isNaN(max)) ||
  41.                 (min <= age && age <= max)
  42.             ) {
  43.                 return true;
  44.             }
  45.             return false;
  46.         });
  47.         $(document).ready(function () {
  48.             table = $('#kt_datatable_example_1').DataTable({
  49.                 order: [[2, 'asc'], [0, 'asc'], [1, 'asc']],
  50.                 "ordering": false,
  51.                 paging: false,
  52.                 rowGroup: {
  53.                     dataSrc: [0, 1]
  54.                 },
  55.                 columnDefs: [{
  56.                     targets: [1, 0],
  57.                     visible: false
  58.                 }],
  59.                 dom: 'PBfrtip',
  60.                 searchPanes: {
  61.                     columns: [0, 1, 3, 4],
  62.                     initCollapsed: true,
  63.                     cascadePanes: true
  64.                 },
  65.                 stateSave: true,
  66.                 stateSaveCallback: function (settings, data) {
  67.                     localStorage.setItem('DataTables_' + settings.sInstance, JSON.stringify(data))
  68.                 },
  69.                 stateLoadCallback: function (settings) {
  70.                     return JSON.parse(localStorage.getItem('DataTables_' + settings.sInstance))
  71.                 }
  73.             });
  75.             $('#min, #max').change(function () {
  76.                 table.draw();
  77.             });
  78.         });
  79.     </script>
  80.     <style>
  81.         tr.odd td:first-child,
  82.         tr.even td:first-child {
  83.             padding-left: 4em;
  84.         }
  85.     </style>
  86. {% endblock %}
  88. {% block body %}
  89.     <!--begin::Engage Widget 1-->
  90.     <div class="card card-xxl-stretch">
  91.         <div class="card-header">
  92.             <h3 class="card-title">Détail de la progression {{ progression }}</h3>
  93.             <div class="card-toolbar">
  94.                 <a type="button" class="btn btn-sm btn-light" href="{{ path('app_progression_detail_new', {"id": progression.id}) }}">
  95.                     Ajouter
  96.                 </a>
  97.             </div>
  98.         </div>
  99.         <!--begin::Card body-->
  100.         <div class="card-body d-flex flex-column justify-content-between h-100">
  101.             <!--begin::Section-->
  102.             <div class="">
  103.                 <!--begin::Action-->
  104.                 <table cellspacing="5" cellpadding="5" border="0">
  105.                     <tbody><tr>
  106.                         <td>Filtrer De :</td>
  107.                         <td><input class="form form-control form-control-solid" type="date" id="min" name="min" ></td>
  108.                         <td>A :</td>
  109.                         <td><input class="form form-control form-control-solid" type="date" id="max" name="max"></td>
  110.                     </tr>
  111.                     <tr>
  113.                     </tr>
  114.                     </tbody></table>
  115.                 <table id="kt_datatable_example_1" class="table table-striped table-row-bordered gy-5 gs-7">
  116.                     <thead>
  117.                     <tr>
  118.                         <th>Semaine</th>
  119.                         <th>Jour</th>
  120.                         <th>Date</th>
  121.                         <th>bloc</th>
  122.                         <th>Séquence</th>
  123.                         <th>Objectif</th>
  124.                         <th>Séance</th>
  125.                         <th>actions</th>
  126.                     </tr>
  127.                     </thead>
  128.                     <tbody>
  129.                     {% for progression_detail in progression.refProgressionDetails %}
  130.                         {% if progression_detail.refPeriodeCle is null%}
  131.                             {% set estVacance = 0 %}
  132.                             <tr>
  133.                                 <td>Semaine {{ progression_detail.date ? progression_detail.date|date('W') : '' }}</td>
  134.                                 <td>{{ jours[progression_detail.jour] }}</td>
  135.                                 <td data-sort="{{ progression_detail.date ? progression_detail.date|date('Ymd') : '' }}" data-filter="{{ progression_detail.date ? progression_detail.date|date('Ymd') : '' }}">
  136.                                     {{ progression_detail.date ? progression_detail.date|date('d/m/Y') : '' }}</td>
  137.                                 <td>{{ progression_detail.refBlocHeure }}</td>
  138.                                 <td>{{ progression_detail.refSeance ? progression_detail.refSeance.refSequence : '' }}</td>
  139.                                 <td>{{ progression_detail.refSeance ? progression_detail.refSeance.refSequence.objectif : '' }}</td>
  140.                                 <td>{{ progression_detail.refSeance ? progression_detail.refSeance : '' }}</td>
  141.                                 <td>
  142.                                     {% if progression_detail.refSeance is not null %}
  143.                                         <a href="{{ path('app_seance_show', {'id': progression_detail.refSeance.id}) }}"><i class="lar la-eye fs-1"></i></a>
  144.                                         <a href="{{ path('app_progression_detail_edit', {'id': progression_detail.id}) }}"><i class="lar la-edit fs-1"></i></a>
  145.                                         <a href="{{ path('app_progression_detail_seance_remove', {'id': progression_detail.id}) }}"><i class="lar la-trash-alt fs-1"></i></a>
  146.                                     {% else %}
  147.                                         <a href="{{ path('app_progression_detail_seance', {'id': progression_detail.id}) }}"><i class="las la-link fs-1"></i></a>
  148.                                         <a href="{{ path('app_progression_detail_periode', {'id': progression_detail.id}) }}"><i class="las la-lock fs-1"></i></a>
  149.                                     {% endif %}
  150.                                 </td>
  151.                             </tr>
  153.                         {% else %}
  154.                             {% if estVacance == 0  %}
  155.                                 {% set estVacance = 1 %}
  156.                                 <tr>
  157.                                     <td>Semaine {{ progression_detail.refPeriodeCle.debut ? progression_detail.refPeriodeCle.debut|date('W')+1 : '' }}</td>
  158.                                     <td>{{ progression_detail.refPeriodeCle }}</td>
  159.                                     <td data-sort="{{ progression_detail.refPeriodeCle.debut ? progression_detail.refPeriodeCle.debut|date('Ymd') : '' }}">
  160.                                         {{ progression_detail.refPeriodeCle.debut ? progression_detail.refPeriodeCle.debut|date('d/m/Y') : '' }}</td>
  161.                                     <td></td>
  162.                                     <td>{{ progression_detail.refPeriodeCle }}</td>
  163.                                     <td></td>
  164.                                     <td></td>
  165.                                     <td> </td>
  166.                                 </tr>
  167.                             {% endif %}
  168.                         {% endif %}
  169.                     {% endfor %}
  170.                     </tbody>
  171.                 </table>
  172.                 <!--end::Action-->
  173.             </div>
  174.             <!--end::Section-->
  175.         </div>
  176.         <!--end::Card body-->
  177.     </div>
  178.     <!--end::Engage Widget 1-->
  179. {% endblock %}