templates/admin/admin.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig'%}
  2. {% block sideBarStyleSheet %}
  3.    <link href="/css/sidebar.css" rel=stylesheet>
  4.    <link href="/css/admin.css" rel=stylesheet>
  5.    <link href="/css/search.css" rel="stylesheet">
  6. {% endblock %}
  7. {% block body %}
  8.     {% block sideBar %}
  9.       {% include 'admin/sideBar.html.twig' with {"deps":deps}%}
  10.     {% endblock %}
  11.     {% block content%}
  12.       
  13.       <div class="container-fluid reset" id="principal">
  14.          <i class="fa-solid fa-bars"></i>
  15.           <div>
  16.            <canvas id="myChart"></canvas>
  17.           </div>
  18.           <div class="container users_list" id="usersLst-js"></div>
  19.           <div class="modal fade" id="viewAgent" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  20.             <div class="modal-dialog modal-fullscreen">
  21.                <div class="modal-content">
  22.                   <div class="modal-header">
  23.                     <h5 class="modal-title" id="user-detail-header"></h5>
  24.                     <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
  25.                   </div>
  26.                   <div class="modal-body" id="viewAgent-js">
  27.                     <div class="profil_container" id="profilView-js">
  28.               
  29.                      </div>
  30.                   </div>
  31.                   <div class="modal-footer"></div>
  32.               </div>
  33.             </div>
  34.           </div>
  35.           <div class="modal fade" id="searchFiche" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  36.             <div class="modal-dialog modal-lg">
  37.                <div class="modal-content">
  38.                   <div class="modal-header">
  39.                     <h5 class="modal-title" id="user-detail-header"></h5>
  40.                     <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
  41.                   </div>
  42.                   <div class="modal-body" id="searchFiche-js">
  43.                     {% include 'search.html.twig' %}
  44.                   </div>
  45.               </div>
  46.             </div>
  47.           </div>
  48.           <div class="modal fade" id="addDep" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  49.             <div class="modal-dialog modal-fullscreen">
  50.                <div class="modal-content">
  51.                   <div class="modal-header">
  52.                     <div class="info-msg"  id="infoMessage">
  53.                       <i class="fa fa-info-circle"></i>
  54.                         Glissez et déposez la carte(s) dans la colonne de droite pour attribuer un département à un agent, validez l’action en appuyant sur le bouton valider. 
  55.                         <br>Le bouton Mettre à jour sert à réattribuer des nouveaux départements à l’agent qui en amont a déjà eu ces attributions de département.</br>
  56.                     </div>
  57.                     <div class="success-msg" id="succesMessage" style="display:none">
  58.                       <i class="fa fa-check"></i>
  59.                         This is a success message. 
  60.                     </div>
  61.                     <div class="warning-msg" id="warningMessage" style="display:none">
  62.                        <i class="fa fa-warning"></i>
  63.                     </div>
  64.                     <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
  65.                   </div>
  66.                   <div class="modal-body d-flex justify-content-start" id="addDep-js">
  67.                       <div class="list-dep-not-lock w-25">
  68.                         <div class="list-group list-group-light d-flex flex-column mb-3 border border-dark" id="depNotLocked"></div>
  69.                       </div>
  70.                       <div class="list-dep-lock w-25 ">
  71.                         <div class="list-group list-group-light d-flex flex-column mb-3 border border-dark drop-zone"  id="depLocked" ondragover="allowDrag(event)" ondrop="ondropHandler(event)" style="height:160px"></div>
  72.                       </div> 
  73.                   </div>
  74.                   <div class="modal-footer">
  75.                    <button type="button" class="btn btn-secondary"  id="validAddDep-js" id="depLocked"  onclick="validateDepAttrib(event)">valider</button>
  76.                    <button type="button" class="btn btn-secondary"  id="updateAddDep-js" id="depLocked"  onclick="updateDepAttrib(event)">mettre à jour</button>
  77.                   </div>
  78.               </div>
  79.             </div>
  80.           </div>
  81.           <div class="modal fade" id="adminHistorique" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
  82.             <div class="modal-dialog modal-fullscreen">
  83.                <div class="modal-content">
  84.                   <div class="modal-header">
  85.                       <div>
  86.                        <span>Historique de Traitement</span>
  87.                       </div>
  88.                       <button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
  89.                   </div>
  90.                   <div class="modal-body d-flex justify-content-start" id="bodyAdminHistorique-js">
  91.                     <div class="adminHistoriqueTable"> </div>
  92.                   </div>
  93.                   <div class="modal-footer"></div>
  94.               </div>
  95.             </div>
  96.           </div>
  97.       </div>
  100.       
  101.     {% endblock %}
  102. {% endblock %}
  103. {% block chart %}
  104.    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  105.    <script type="text/javascript" src="{{ asset('/js/sideBar.js') }}"></script>
  106.    <script src="{{asset('/js/graph.js') }}"></script>
  107. {% endblock %}