templates/sidebar.html.twig line 1

Open in your IDE?
  1.   <!-- Navbar -->
  2.   <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  3.     <!-- Left navbar links -->
  4.     <ul class="navbar-nav">
  5.       <li class="nav-item">
  6.         <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  7.       </li>
  8.       <li class="nav-item d-none d-sm-inline-block">
  9.         <a href="/" class="nav-link">Home</a>
  10.       </li>
  11.       <li class="nav-item d-none d-sm-inline-block">
  12.         <a href="/division" class="nav-link">Divisions</a>
  13.       </li>
  14.       <li class="nav-item d-none d-sm-inline-block">
  15.         <a href="#" class="nav-link">Militants</a>
  16.       </li>
  17.       <li class="nav-item d-none d-sm-inline-block">
  18.         <a href="/contribution" class="nav-link">Contributions</a>
  19.       </li>
  20.     </ul>
  22.     <!-- SEARCH FORM -->
  24.     <!-- Right navbar links -->
  25.     <ul class="navbar-nav ml-auto">
  26.       <!-- Messages Dropdown Menu -->
  27.      
  28.       <!-- Notifications Dropdown Menu -->
  29.  
  30.       <li class="nav-item dropdown user-menu">
  31.         <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
  32.           <img src="../bundles/dist/img/militants/avatar.png" class="user-image img-circle elevation-2" alt="User Image">
  33.           <span class="d-none d-md-inline">Sonny</span>
  34.         </a>
  35.         <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  36.           <!-- User image -->
  37.           <li class="user-header bg-primary">
  38.             <img src="../bundles/dist/img/militants/avatar.png" class="img-circle elevation-2" alt="User Image">
  40.             <p>
  41.               Sonny- Web Developer
  42.               <small>Member since Nov. 2012</small>
  43.             </p>
  44.           </li>
  45.           <!-- Menu Body -->
  46.         
  47.           <!-- Menu Footer-->
  48.           <li class="user-footer">
  49.             <a href="#" class="btn btn-default btn-flat">Profile</a>
  50.             <a href="/logout" class="btn btn-default btn-flat float-right">Sign out</a>
  51.           </li>
  52.         </ul>
  53.       </li>
  54.       <li class="nav-item">
  55.         <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
  56.           <i class="fas fa-th-large"></i>
  57.         </a>
  58.       </li>
  59.     </ul>
  60.   </nav>
  61.     <!-- /.navbar -->
  63.     <!-- Main Sidebar Container -->
  64.     <aside class="main-sidebar sidebar-dark-primary elevation-4">
  65.       <!-- Brand Logo -->
  66.       <a href="/" class="brand-link">
  67.         <img src="../bundles/dist/img/{{systeme.logo}}" alt="Logo du {{systeme.sigle}}" class="brand-image img-circle elevation-3"
  68.             style="opacity: .8">
  69.         <span class="brand-text font-weight-light">{{systeme.sigle}}</span>
  70.       </a>
  72.       <!-- Sidebar -->
  73.       <div class="sidebar">
  74.         <!-- Sidebar user panel (optional) -->
  75.         <div class="user-panel mt-3 pb-3 mb-3 d-flex">
  76.           <form class="form-inline ml-3">
  77.             <div class="input-group input-group-sm">
  78.               <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
  79.               <div class="input-group-append">
  80.                 <button class="btn btn-navbar" type="submit">
  81.                   <i class="fas fa-search"></i>
  82.                 </button>
  83.               </div>
  84.             </div>
  85.           </form>
  86.         </div>
  88.         <!-- Sidebar Menu -->
  89.         <nav class="mt-2">
  90.   <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  91.             <!-- Add icons to the links using the .nav-icon class
  92.                 with font-awesome or any other icon font library -->
  93.             <li class="nav-item has-treeview menu-open">
  94.               <a href="/home" class="nav-link active">
  95.                 <i class="nav-icon fas fa-tachometer-alt"></i>
  96.                 <p>
  97.                   TABLEAU DE BORD
  98.                 </p>
  99.               </a>           
  100.             </li>
  101.              <!-- Users -->
  102.           
  103.              <!-- Militants-->
  104.             <li class="nav-item">
  105.               <a href="#" class="nav-link">
  106.                 <i class="nav-icon fas fa-users"></i>
  107.                 <p>
  108.                   MILITANTS
  109.                   <span class="right badge badge-danger">{{count_users}}</span>
  110.                 </p>
  111.               </a>
  112.             </li>
  113.             <!-- Arborescence de l'organisation -->
  114.             
  115.             <li class="nav-item has-treeview">
  116.                 <a href="#" class="nav-link">
  117.                   <i class="nav-icon fas fa-th"></i>
  118.                   <p>
  119.                     {{division_root.intitule}}                  
  120.                     <i class="right fas fa-angle-left"></i>
  121.                   </p>
  122.                 </a>
  123.                 <ul class="nav nav-treeview">
  125.                   {% for node in division_nodes %}                     
  126.                     <li class="nav-item">
  127.                       <a href="{{ path('division_show', {'id': node.id}) }}" class="nav-link">
  128.                         <i class="far fa-circle nav-icon"></i>
  129.                         <p>
  130.                             {{node.libelle}}
  131.                             <span class="right badge badge-success">{{count_division[node.niveau]}}</span>
  132.                         </p>
  133.                       </a>
  134.                     </li>                             
  135.                   {% endfor %}    
  136.                   
  137.                 </ul>
  138.             </li>
  139.             <!-- Contribution-->
  140.             <li class="nav-item has-treeview">
  141.               <a href="#" class="nav-link">
  142.                 <i class="nav-icon fas fa-chart-pie"></i>
  143.                 <p>
  144.                   CONTRIBUTIONS
  145.                   <i class="right fas fa-angle-left"></i>
  146.                 </p>
  147.               </a>
  148.               <ul class="nav nav-treeview">
  149.                 <li class="nav-item">
  150.                   <a href="/contribution" class="nav-link">
  151.                     <i class="far fa-circle nav-icon"></i>
  152.                     <p>Lister</p>
  153.                   </a>
  154.                 </li>
  155.                 <li class="nav-item">
  156.                   <a href="#" class="nav-link">
  157.                     <i class="far fa-circle nav-icon"></i>
  158.                     <p>Type de contribution</p>
  159.                   </a>
  160.                 </li>
  161.               </ul>
  162.             </li>   
  163.             <!-- Paramètres--> 
  164.             <li class="nav-item has-treeview">
  165.               <a href="#" class="nav-link">
  166.                 <i class="nav-icon fas fa-wrench"></i>
  167.                 <p>
  168.                   Paramètres
  169.                   <i class="fas fa-angle-left right"></i>
  170.                 </p>
  171.               </a>
  172.               <ul class="nav nav-treeview">
  173.                 <li class="nav-item">
  174.                   <a href="/systeme" class="nav-link">
  175.                     <i class="far fa-circle nav-icon"></i>
  176.                     <p>Système</p>
  177.                   </a>
  178.                 </li>
  179.                 <li class="nav-item">
  180.                   <a href="/poste" class="nav-link">
  181.                     <i class="far fa-circle nav-icon"></i>
  182.                     <p>Postes</p>
  183.                   </a>
  184.                 </li>
  185.              
  186.                 <li class="nav-item">
  187.                   <a href="/about" class="nav-link">
  188.                     <i class="far fa-circle nav-icon"></i>
  189.                     <p>A propos</p>
  190.                   </a>
  191.                 </li>
  192.                 <li class="nav-item">
  193.                   <a href="/help" class="nav-link">
  194.                     <i class="far fa-circle nav-icon"></i>
  195.                     <p>Aide</p>
  196.                   </a>
  197.                 </li>
  198.               </ul>
  199.             </li>       
  200.           </ul>