templates/dashboard_layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7.   <meta content="" name="description">
  8.   <meta content="" name="keywords">
  9.     <title>
  10.         {% block title %} {{ app_name  }} {% endblock %}
  11.     </title>
  12.   {% block special_javascript %}
  13.   {% endblock special_javascript %}
  14.   <!-- Favicons -->
  15.   <link href="assets/img/favicon.png" rel="icon">
  17.   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  18.     {% block stylesheets %}
  19.  
  20.   <!-- Vendor CSS Files -->
  22. <meta content="" name="description">
  24.   <meta content="" name="keywords">
  26.   <!-- Favicons -->
  27.   <link href="assets/img/favicon.png" rel="icon">
  28.   <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  30.    <!-- Google Fonts -->
  31.    
  32.   <link href="https://fonts.gstatic.com" rel="preconnect">
  33.   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  35.   <!-- Vendor CSS Files -->
  36.   <link href="{{ asset('framework/nad/assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
  37.   <link href="{{ asset('framework/nad/assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
  38.   <link href="{{ asset('framework/nad/assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
  39.   <link href="{{ asset('framework/nad/assets/vendor/quill/quill.snow.css') }}" rel="stylesheet">
  40.   <link href="{{ asset('framework/nad/assets/vendor/quill/quill.bubble.css') }}" rel="stylesheet">
  41.   <link href="{{ asset('framework/nad/assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
  42.   <link href="{{ asset('framework/nad/assets/vendor/simple-datatables/style.css') }}" rel="stylesheet">
  43.   
  44.   <!-- Template Main CSS File -->
  45.   <link href="{{ asset('framework/nad/assets/css/style.css') }}" rel="stylesheet">
  47.   <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  49.     <link href="{{ asset('framework/slick/slick-theme.css') }}" rel="stylesheet" type="text/css">
  50.   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" integrity="sha512-6S2HWzVFxruDlZxI3sXOZZ4/eJ8AcxkQH1+JjSe/ONCEqR9L4Ysq5JdT5ipqtzU7WHalNwzwBv+iE51gNHJNqQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  51.     <link href="https://cdn.datatables.net/1.13.1/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
  53.   <link href="{{ asset('css/general.css') }}" rel="stylesheet">
  55.     <style>
  56.         .resultat-temp-recherche, .resultat-temp-recherche a{
  57.             color: #000;
  58.         }
  59.         .resultat-temp-recherche{
  60.             color: #000;
  61.             height: 50px;
  62.         }
  63.         
  64.         .resultat-temp-recherche:hover{
  65.             background: #F9C852;
  66.         }
  67.     </style>
  68.     {% endblock stylesheets%}
  69. </head>
  70. <body>
  73.  {% block header %}
  74.     <!-- ======= Header ======= -->
  75.   <header id="header" class="header fixed-top d-flex align-items-center">
  77.     <div class="d-flex align-items-center justify-content-between">
  78.       <a href="{{ path('home') }}" class="logo d-flex align-items-center">
  79.         <img src="assets/img/logo.png" alt="">
  80.         <span class="d-none d-lg-block">{{ app_name }}</span>
  81.       </a>
  82.       <i class="bi bi-list toggle-sidebar-btn"></i>
  83.     </div><!-- End Logo -->
  85.     <div class="search-bar">
  86.       <form class="search-form d-flex align-items-center" method="POST" action="#">
  87.         <input type="text" name="query" id="searchInput" placeholder="Search" title="Enter search keyword">
  88.         <button type="submit" title="Search"><i class="bi bi-search"></i></button>
  89.       </form>
  90.     </div><!-- End Search Bar -->
  91.    
  92.     <nav class="header-nav ms-auto">
  93.       <ul class="d-flex align-items-center">
  95.         <li class="nav-item d-block d-lg-none">
  96.           <a class="nav-link nav-icon search-bar-toggle " href="#">
  97.             <i class="bi bi-search"></i>
  98.           </a>
  99.         </li><!-- End Search Icon-->
  101.         <li class="nav-item">
  102.           <img class="chargement" src="{{ asset('image/loading.gif') }}" />
  103.         </li>
  104.        
  105.        
  106.         {% if userBoutique.role == constant('App\\Entity\\RoleBoutique::ADMIN') or userBoutique.role == constant('App\\Entity\\RoleBoutique::MANAGER') %}
  107.                               
  108.                        
  109.             <li class="nav-item">
  110.                 <a href="{{ path('admin.users', {'slug': boutique.slug}) }}">
  111.                               <i class="bi bi-people"></i>
  112.                  {{ 'admin.users.users' | trans }}
  113.                 </a>
  114.              </li>
  115.         {% endif %}
  116.         <li class="nav-item">
  117.         <a href="{{ path('admin.my_tickets', {'slug': boutique.slug, 'id': app.user.id}) }}">
  118.           <i class="nav-link-icon bi bi-chat"></i>
  119.             {{ 'admin.my_tickets' | trans }}</a>
  120.         </li>    
  121.         <li class="nav-item dropdown pe-3">
  123.           <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
  124.           {% if app.user %}
  125.                 <img src="{{ asset(app.user.avatar.url) }}" alt="Profile" class="rounded-circle">
  126.           {% endif %}
  127.             <span class="d-none d-md-block dropdown-toggle ps-2">{% if app.user %}{{ app.user.username }}{% endif %}</span>
  128.           </a>
  130.           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
  131.             <li class="dropdown-header">
  132.               {% if app.user %}<h6>{{ app.user.nomComplet }}</h6>{% endif %}
  133.               <span>{# Fonction #}</span>
  134.             </li>
  135.             {#
  136.             <li>
  137.               <hr class="dropdown-divider">
  138.             </li>
  140.             <li>
  141.               <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  142.                 <i class="bi bi-person"></i>
  143.                 <span>My Profile</span>
  144.               </a>
  145.             </li>
  146.             <li>
  147.               <hr class="dropdown-divider">
  148.             </li>
  150.             <li>
  151.               <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  152.                 <i class="bi bi-gear"></i>
  153.                 <span>Account Settings</span>
  154.               </a>
  155.             </li>
  156.             <li>
  157.               <hr class="dropdown-divider">
  158.             </li>
  160.             <li>
  161.               <a class="dropdown-item d-flex align-items-center" href="pages-faq.html">
  162.                 <i class="bi bi-question-circle"></i>
  163.                 <span>Need Help?</span>
  164.               </a>
  165.             </li>
  166.             #}
  167.             
  168.             <li>
  169.               <hr class="dropdown-divider">
  170.             </li>
  171.              <li>
  172.               <a href="{{ path('admin.my_invoices', {'slug': boutique.slug}) }}" type="button" tabindex="0" class="dropdown-item">
  173.                 <span>
  174.                  {{ 'admin.my_invoices' | trans }}</span>
  175.                     
  176.               </a>
  177.             </li>
  178.              <li>
  179.               <hr class="dropdown-divider">
  180.             </li>
  182.             <li>
  183.               <a class="dropdown-item d-flex align-items-center" href="{{ path('app_logout') }}">
  184.                 <i class="bi bi-box-arrow-right"></i>
  185.                 <span>Se déconnecter</span>
  186.               </a>
  187.             </li>
  189.           </ul><!-- End Profile Dropdown Items -->
  190.         </li><!-- End Profile Nav -->
  191.         <li class="nav-item dropdown">
  193.            <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
  194.             <i class="bi bi-bell"></i>
  195.             <span class="badge bg-primary badge-number">{{ render(controller('App\\Controller\\AdminController::nombreCommandeEnRetard', {'slug': boutique.slug})) }}</span>
  196.           </a>
  197.           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
  198.             <li class="dropdown-header">
  199.               Vous avez {{ render(controller('App\\Controller\\AdminController::nombreCommandeEnRetard', {'slug': boutique.slug})) }} document expirés
  200.               <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2"></a>
  201.             </li>
  202.             <li>
  203.               <hr class="dropdown-divider">
  204.             </li>
  206.              <li class="notification-item">
  207.              <a href="{{ path('admin.liste_commande_en_retard', {'slug': boutique.slug}) }}" type="button" tabindex="0" class="dropdown-item">
  208.              
  209.               <div>
  210.                 <h4>{{ 'admin.display_expired_elements' | trans }}</h4>
  211.               </div>
  212.               </a>
  213.             </li>
  215.           </ul>
  216.              
  217.                                                                       
  218.         </li>
  219.       </ul>
  220.     </nav><!-- End Icons Navigation -->
  222.   </header>
  224. <span id="site-locale" hidden>{{ app.request.getLocale() }}</span>
  225. {% endblock  header %}
  227.   {% block sidebar  %}
  228.       <!-- ======= Sidebar ======= -->
  229.         {{ include('admin/side_menu.html.twig') }}
  230.     {% endblock sidebar  %}
  232.     {% block body  %}
  233.         <main id="main" class="main">
  234.             {% block real_content  %}
  235.             {% endblock real_content  %}
  236.         </main>
  238.     {% endblock body  %}    
  239.             
  240.         
  242.     {% block footer %}
  243.     
  244.     {% endblock footer %}
  245. {% block facebook_chatbot %}
  247. {% endblock facebook_chatbot %}
  250.     {% block javascripts %}
  253.     {{ include('modules/__scripts.twig') }}
  254.  
  256.     {# Vendor JS Files #}
  257.     
  258.         
  259.          <!-- Vendor JS Files -->
  260.     <script src="{{ asset('framework/nad/assets/vendor/apexcharts/apexcharts.min.js') }}"></script>
  261.     <script src="{{ asset('framework/nad/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  262.     <script src="{{ asset('framework/nad/assets/vendor/chart.js/chart.min.js') }}"></script>
  263.     <script src="{{ asset('framework/nad/assets/vendor/echarts/echarts.min.js') }}"></script>
  264.     <script src="{{ asset('framework/nad/assets/vendor/quill/quill.min.js') }}"></script>
  265.     <script src="{{ asset('framework/nad/assets/vendor/simple-datatables/simple-datatables.js') }}"></script>
  266.     <script src="{{ asset('framework/nad/assets/vendor/tinymce/tinymce.min.js') }}"></script>
  267.     <script src="{{ asset('framework/nad/assets/vendor/php-email-form/validate.js') }}"></script>
  269.     {# Template Main JS File #}
  270.     <script src="{{ asset('framework/nad/assets/js/main.js') }}"></script>
  271.     
  272.   
  273. <script src="https://cdn.ckeditor.com/ckeditor5/23.1.0/classic/ckeditor.js"></script>
  274. <script src="{{ asset('js/general.js') }}"></script>
  276. {# <script type="module" src="{{ asset('js/assieckadapter.js') }}">#}
  278.     
  279.     {% set translate = 'js/' ~ app.getRequest().getLocale() ~ '_translate.min.js' %}
  280.     <script type="text/javascript" src="{{ asset(translate) }}"></script>
  281.     
  282.     <script type="text/javascript">
  283.         $(function(){
  284.             $searchInput = $('#searchInput');
  285.             $('#myDataTable').DataTable(
  286.                 {
  287.                 "ordering": false,
  288.         "lengthMenu": [[100, 50, 25, 10], [100, 50, 25, 10]],
  289.         "pageLength": 100 
  290.                 }
  291.             );
  293.       $('.my-data-table').DataTable(
  294.                 {
  295.                 "ordering": false,
  296.         "lengthMenu": [[100, 50, 25, 10], [100, 50, 25, 10]],
  297.         "pageLength": 100 
  298.                 }
  299.             );
  300.             
  301.             
  302.             var $searchName = $('.search-name');
  303.             var $searchTempResultUrl = $('#searchTempResultUrl'), $searchTempResult = $('#searchTempResult'); 
  304.             $searchTempResult.css('display', 'none');
  305.             
  306.             $searchName.keyup(function(){
  307.                 $searchTempResult.show();
  308.                 formData = new FormData;
  309.                 formData.append('q', $(this).val());
  310.                 $.ajax({
  311.                 url: $searchTempResultUrl.text(),
  312.                 method: 'POST',
  313.                 data: formData,
  314.                 processData: false,
  315.                 contentType: false,
  316.                 success: function (data, textStatus, jqXHR) {
  317.                    
  318.                     $searchTempResult.html(data);
  319.                  },
  321.                 error: function(jqXHR, textStatus, errorThrown ){
  322.                 }
  323.                 });
  324.             });
  325.             
  326.             $searchName.blur(function(){
  327.                 setTimeout(function(){
  328.                     $searchTempResult.css('display', 'none');
  329.                 }, 1500);
  330.             });
  331.         });
  332.     </script>
  333. {% endblock javascripts %}
  335.     
  336.   </body>
  337. </html>