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.   <link href="{{ asset('js/datatable/1.13.1/jquery.dataTables.min.css') }}" rel="stylesheet">
  44.   
  45.   <!-- Template Main CSS File -->
  46.   <link href="{{ asset('framework/nad/assets/css/style.css') }}" rel="stylesheet">
  48.   <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.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" />
  52.   <link href="{{ asset('css/general.css') }}" rel="stylesheet">
  54.     <style>
  55.         .resultat-temp-recherche, .resultat-temp-recherche a{
  56.             color: #000;
  57.         }
  58.         .resultat-temp-recherche{
  59.             color: #000;
  60.             height: 50px;
  61.         }
  62.         
  63.         .resultat-temp-recherche:hover{
  64.             background: #F9C852;
  65.         }
  66.     </style>
  67.     {% endblock stylesheets%}
  68. </head>
  69. <body>
  72.  {% block header %}
  73.     <!-- ======= Header ======= -->
  74.   <header id="header" class="header fixed-top d-flex align-items-center">
  76.     <div class="d-flex align-items-center justify-content-between">
  77.       <a href="{{ path('home') }}" class="logo d-flex align-items-center">
  78.         <img src="assets/img/logo.png" alt="">
  79.         <span class="d-none d-lg-block">{{ app_name }}</span>
  80.       </a>
  81.       <i class="bi bi-list toggle-sidebar-btn"></i>
  82.     </div><!-- End Logo -->
  84.     <div class="search-bar">
  85.       <form class="search-form d-flex align-items-center" method="POST" action="#">
  86.         <input type="text" name="query" id="searchInput" placeholder="Search" title="Enter search keyword">
  87.         <button type="submit" title="Search"><i class="bi bi-search"></i></button>
  88.       </form>
  89.     </div><!-- End Search Bar -->
  90.    
  91.     <nav class="header-nav ms-auto">
  92.       <ul class="d-flex align-items-center">
  94.         <li class="nav-item d-block d-lg-none">
  95.           <a class="nav-link nav-icon search-bar-toggle " href="#">
  96.             <i class="bi bi-search"></i>
  97.           </a>
  98.         </li><!-- End Search Icon-->
  100.         <li class="nav-item">
  101.           <img class="chargement" src="{{ asset('image/loading.gif') }}" />
  102.         </li>
  103.        
  104.        
  105.         {% if userBoutique.role == constant('App\\Entity\\RoleBoutique::ADMIN') or userBoutique.role == constant('App\\Entity\\RoleBoutique::MANAGER') %}
  106.                               
  107.                        
  108.             <li class="nav-item">
  109.                 <a href="{{ path('admin.users', {'slug': boutique.slug}) }}">
  110.                               <i class="bi bi-people"></i>
  111.                  {{ 'admin.users.users' | trans }}
  112.                 </a>
  113.              </li>
  114.         {% endif %}
  115.         <li class="nav-item">
  116.         <a href="{{ path('admin.my_tickets', {'slug': boutique.slug, 'id': app.user.id}) }}">
  117.           <i class="nav-link-icon bi bi-chat"></i>
  118.             {{ 'admin.my_tickets' | trans }}</a>
  119.         </li>    
  120.         <li class="nav-item dropdown pe-3">
  122.           <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
  123.           {% if app.user %}
  124.                 <img src="{{ asset(app.user.avatar.url) }}" alt="Profile" class="rounded-circle">
  125.           {% endif %}
  126.             <span class="d-none d-md-block dropdown-toggle ps-2">{% if app.user %}{{ app.user.username }}{% endif %}</span>
  127.           </a>
  129.           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
  130.             <li class="dropdown-header">
  131.               {% if app.user %}<h6>{{ app.user.nomComplet }}</h6>{% endif %}
  132.               <span>{# Fonction #}</span>
  133.             </li>
  134.             {#
  135.             <li>
  136.               <hr class="dropdown-divider">
  137.             </li>
  139.             <li>
  140.               <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  141.                 <i class="bi bi-person"></i>
  142.                 <span>My Profile</span>
  143.               </a>
  144.             </li>
  145.             <li>
  146.               <hr class="dropdown-divider">
  147.             </li>
  149.             <li>
  150.               <a class="dropdown-item d-flex align-items-center" href="users-profile.html">
  151.                 <i class="bi bi-gear"></i>
  152.                 <span>Account Settings</span>
  153.               </a>
  154.             </li>
  155.             <li>
  156.               <hr class="dropdown-divider">
  157.             </li>
  159.             <li>
  160.               <a class="dropdown-item d-flex align-items-center" href="pages-faq.html">
  161.                 <i class="bi bi-question-circle"></i>
  162.                 <span>Need Help?</span>
  163.               </a>
  164.             </li>
  165.             #}
  166.             
  167.             <li>
  168.               <hr class="dropdown-divider">
  169.             </li>
  170.              <li>
  171.               <a href="{{ path('admin.my_invoices', {'slug': boutique.slug}) }}" type="button" tabindex="0" class="dropdown-item">
  172.                 <span>
  173.                  {{ 'admin.my_invoices' | trans }}</span>
  174.                     
  175.               </a>
  176.             </li>
  177.              <li>
  178.               <hr class="dropdown-divider">
  179.             </li>
  181.             <li>
  182.               <a class="dropdown-item d-flex align-items-center" href="{{ path('app_logout') }}">
  183.                 <i class="bi bi-box-arrow-right"></i>
  184.                 <span>Se déconnecter</span>
  185.               </a>
  186.             </li>
  188.           </ul><!-- End Profile Dropdown Items -->
  189.         </li><!-- End Profile Nav -->
  190.         <li class="nav-item dropdown">
  192.            <a class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
  193.             <i class="bi bi-bell"></i>
  194.             <span class="badge bg-primary badge-number">{{ render(controller('App\\Controller\\AdminController::nombreCommandeEnRetard', {'slug': boutique.slug})) }}</span>
  195.           </a>
  196.           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow notifications">
  197.             <li class="dropdown-header">
  198.               Vous avez {{ render(controller('App\\Controller\\AdminController::nombreCommandeEnRetard', {'slug': boutique.slug})) }} document expirés
  199.               <a href="#"><span class="badge rounded-pill bg-primary p-2 ms-2"></a>
  200.             </li>
  201.             <li>
  202.               <hr class="dropdown-divider">
  203.             </li>
  205.              <li class="notification-item">
  206.              <a href="{{ path('admin.liste_commande_en_retard', {'slug': boutique.slug}) }}" type="button" tabindex="0" class="dropdown-item">
  207.              
  208.               <div>
  209.                 <h4>{{ 'admin.display_expired_elements' | trans }}</h4>
  210.               </div>
  211.               </a>
  212.             </li>
  214.           </ul>
  215.              
  216.                                                                       
  217.         </li>
  218.       </ul>
  219.     </nav><!-- End Icons Navigation -->
  221.   </header>
  223. <span id="site-locale" hidden>{{ app.request.getLocale() }}</span>
  224. {% endblock  header %}
  226.   {% block sidebar  %}
  227.       <!-- ======= Sidebar ======= -->
  228.         {{ include('admin/side_menu.html.twig') }}
  229.     {% endblock sidebar  %}
  231.     {% block body  %}
  232.         <main id="main" class="main">
  233.             {% block real_content  %}
  234.             {% endblock real_content  %}
  235.         </main>
  237.     {% endblock body  %}    
  238.             
  239.         
  241.     {% block footer %}
  242.     
  243.     {% endblock footer %}
  244. {% block facebook_chatbot %}
  246. {% endblock facebook_chatbot %}
  249.     {% block javascripts %}
  252.     {{ include('modules/__scripts.twig') }}
  253.  
  255.     {# Vendor JS Files #}
  256.     
  257.         
  258.          <!-- Vendor JS Files -->
  259.     <script src="{{ asset('framework/nad/assets/vendor/apexcharts/apexcharts.min.js') }}"></script>
  260.     <script src="{{ asset('framework/nad/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  261.     <script src="{{ asset('framework/nad/assets/vendor/chart.js/chart.min.js') }}"></script>
  262.     <script src="{{ asset('framework/nad/assets/vendor/echarts/echarts.min.js') }}"></script>
  263.     <script src="{{ asset('framework/nad/assets/vendor/quill/quill.min.js') }}"></script>
  264.     {# <script src="{{ asset('framework/nad/assets/vendor/simple-datatables/simple-datatables.js') }}"></script>#}
  265.     <script src="{{ asset('framework/nad/assets/vendor/tinymce/tinymce.min.js') }}"></script>
  266.     <script src="{{ asset('framework/nad/assets/vendor/php-email-form/validate.js') }}"></script>
  268.     {# Template Main JS File #}
  269.     <script src="{{ asset('framework/nad/assets/js/main.js') }}"></script>
  270.     
  271.   
  272. <script src="https://cdn.ckeditor.com/ckeditor5/23.1.0/classic/ckeditor.js"></script>
  273. <script src="{{ asset('js/general.js') }}"></script>
  275. {# <script type="module" src="{{ asset('js/assieckadapter.js') }}">#}
  277.     
  278.     {% set translate = 'js/' ~ app.getRequest().getLocale() ~ '_translate.min.js' %}
  279.     <script type="text/javascript" src="{{ asset(translate) }}"></script>
  280.     
  281.     <script type="text/javascript">
  282.         $(function(){
  283.             $searchInput = $('#searchInput');
  284.             $('#myDataTable').DataTable(
  285.                 {
  286.                 "ordering": false,
  287.         "lengthMenu": [[100, 50, 25, 10], [100, 50, 25, 10]],
  288.         "pageLength": 100 
  289.                 }
  290.             );
  292.       $('.my-data-table').DataTable(
  293.                 {
  294.                 "ordering": false,
  295.         "lengthMenu": [[100, 50, 25, 10], [100, 50, 25, 10]],
  296.         "pageLength": 10 
  297.                 }
  298.             );
  299.             
  300.             
  301.             var $searchName = $('.search-name');
  302.             var $searchTempResultUrl = $('#searchTempResultUrl'), $searchTempResult = $('#searchTempResult'); 
  303.             $searchTempResult.css('display', 'none');
  304.             
  305.             $searchName.keyup(function(){
  306.                 $searchTempResult.show();
  307.                 formData = new FormData;
  308.                 formData.append('q', $(this).val());
  309.                 $.ajax({
  310.                 url: $searchTempResultUrl.text(),
  311.                 method: 'POST',
  312.                 data: formData,
  313.                 processData: false,
  314.                 contentType: false,
  315.                 success: function (data, textStatus, jqXHR) {
  316.                    
  317.                     $searchTempResult.html(data);
  318.                  },
  320.                 error: function(jqXHR, textStatus, errorThrown ){
  321.                 }
  322.                 });
  323.             });
  324.             
  325.             $searchName.blur(function(){
  326.                 setTimeout(function(){
  327.                     $searchTempResult.css('display', 'none');
  328.                 }, 1500);
  329.             });
  330.         });
  331.     </script>
  332. {% endblock javascripts %}
  334.     
  335.   </body>
  336. </html>