templates/salarie/gestion_salarie/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}RH - Gestion des salaries{% endblock %}
  5. {% block body %}
  6.   {# <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> #}
  7.     <style>
  8.          /* Add custom row colors */
  9.         {# .table tbody tr:nth-child(odd) {
  10.             background-color: #f2f2f2;
  11.         } #}
  13.         /* Style contract icons */
  14.         .checked-icon {
  15.             color: green;
  16.         }
  18.         .unchecked-icon {
  19.             color: red;
  20.         }
  22.         /* Centered vertical alignment for contract icons */
  23.         {# .contract-cell {
  24.             display: flex;
  25.             align-items: center;
  26.         } #}
  28.         /* Style text in specific columns */
  29.         {# .table td:nth-child(4) {
  30.             font-weight: bold;
  31.             color: blue;
  32.         }
  34.         .table td:nth-child(5) {
  35.             font-style: italic;
  36.             color: purple;
  37.         } #}
  38.        
  39. </style>
  40. {# //////////////////////////////////////////// #}
  41.     {% include 'includes/actions.html.twig' %}
  42.         <div class="col-12 mb-4">
  43.             <div class="card  border-0 shadow">
  44.                 <div class="card-body p-2 m-2">
  45.                   
  46.                     <table id="example" class="table table-bordered table-striped" style="width:100%">
  47.                     <thead>
  48.                         <tr>
  49.                             <th>Id employe</th>
  50.                             <th>Id contract</th>
  51.                             <th>Nom</th>
  52.                             <th>Prenom</th>
  53.                             <th>CIN</th>
  54.                             <th>Contract</th>
  55.                             <th>Nature contrat</th>
  56.                             <th></th>
  58.                         </tr>
  59.                     </thead>
  60.                     <tbody>
  61.                         
  62.                     </tbody>
  63.                 </table>
  65.             </div>
  66.         </div>
  67.     </div>
  68. {# //////////////////////////////////////////// #}
  72.     {# {% include 'salarie/gestion_salarie/modals/contract_detail.html.twig' %} #}
  73. <div class="modal right come-from-modal fade" id="contractModal"  role="dialog" aria-labelledby="contractModalLabel" style="display: none;" aria-hidden="true">
  75.     <div class="modal-dialog" role="document" style="width:40%;max-width:1000px !important">
  76.         <div class="modal-content">
  77.             <div class="modal-header">
  78.                 <h5 class="modal-title" id="contractModalLabel">Detail contrats </h5>
  79.                 
  80.                 <a type="button" class="btn-close" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Close"></a>
  82.             </div>
  83.             
  84.             
  85.             <div class="modal-body">
  86.                 <table class="table table-bordered table-striped" id="contrat_list_details">
  87.                     <thead>
  88.                         <tr>
  89.                             <th>Contrat</th>
  90.                             <th>Nature contrat</th>
  91.                             <th>Type contract</th>
  92.                             <th width="20%"></th>
  93.                         </tr>
  94.                     </thead>
  95.                     <tbody id="contract_body">
  96.                      
  97.                     </tbody>
  98.                 </table>
  99.             </div>
  100.             <div class="modal-footer">
  101.                 <button type="button" class="btn btn-secondary contractdetbtn" data-dismiss="modal">Close</button>
  102.             </div>
  103.         </div>
  104.     </div>
  105. </div>
  107.     {% include 'salarie/gestion_salarie/modals/ajouter.html.twig' %}
  108.     {% include 'salarie/gestion_salarie/modals/ajouter_for_exist.html.twig' %}
  109.     {% include 'salarie/gestion_salarie/modals/modifier.html.twig' %}
  110.     {% include 'salarie/gestion_salarie/modals/desactiver.html.twig' %}
  111.     {% include 'salarie/gestion_salarie/modals/reaffectation.html.twig' %}
  112.     {% include 'salarie/gestion_salarie/modals/attestation.html.twig' %}
  113.     {% include 'salarie/gestion_salarie/modals/sortant_en_masse.html.twig' %}
  115. {% endblock %}
  117. {% block javascripts %}
  118.     {{parent()}}
  119.     {{ encore_entry_script_tags('salarie_salarie') }}
  120. {% endblock %}