templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <title>
  5.       Evapi ERP{% block title %}
  7.       {% endblock %}
  8.     </title>
  9.     <meta charset="utf-8" />
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  13.     <!-- Favicon -->
  14.     {% set faviconRelativePath = 'https://serveur-images.devil-it-applications.fr/evapi/logo/favicon' %}
  15.     {% block stylesheets %}
  16.       <link rel="shortcut icon" href="{{ faviconRelativePath }}/favicon.ico" type="image/x-icon" />
  17.       <link rel="apple-touch-icon" sizes="180x180" href="{{ faviconRelativePath }}/apple-touch-icon.png" />
  18.       <link rel="icon" type="image/png" sizes="192x192" href="{{ faviconRelativePath }}/android-chrome-192x192.png" />
  19.       <link rel="icon" type="image/png" sizes="512x512" href="{{ faviconRelativePath }}/android-chrome-512x512.png" />
  20.       <link rel="icon" type="image/png" sizes="32x32" href="{{ faviconRelativePath }}/favicon-32x32.png" />
  21.       <link rel="icon" type="image/png" sizes="16x16" href="{{ faviconRelativePath }}/favicon-16x16.png" />
  22.       <link rel="manifest" href="{{ faviconRelativePath }}/site.webmanifest" />
  23.       <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" />
  24.       <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  25.       <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  27.       <script>
  28.         // Create a <link> element for each non-critical CSS file
  29.         
  30.         var assetUrl = "{{ asset('') }}"
  31.         var cssFiles = ['assets/plugins/dropify/dist/css/dropify.min.css', 'assets/plugins/bootstrap/css/bootstrap.min.css', 'assets/plugins/perfect-scrollbar/css/perfect-scrollbar.min.css', 'assets/plugins/select2/dist/css/select2.min.css', 'assets/plugins/bootstrap-select/bootstrap-select.min.css', 'assets/plugins/Magnific-Popup-master/dist/magnific-popup.min.css', 'assets/plugins/jquery-asColorPicker-master/dist/css/asColorPicker.min.css', 'assets/plugins/datatables/media/css/dataTables.bootstrap4.min.css', 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css', 'assets/plugins/chartist-js/dist/chartist.min.css', 'assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.css', 'assets/plugins/footable/css/footable.bootstrap.min.css', 'assets/plugins/daterangepicker/daterangepicker.min.css', 'assets/plugins/dropzone-master/dist/dropzone.min.css', 'assets/plugins/c3-master/c3.min.css', 'assets/plugins/toast-master/css/jquery.toast.min.css', 'assets/plugins/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.min.css', 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css', 'assets/plugins/nestable/nestable.min.css']
  32.         
  33.         // Function to asynchronously load CSS files
  34.         function loadCSS(url) {
  35.           var link = document.createElement('link')
  36.           link.rel = 'stylesheet'
  37.           link.href = assetUrl + url
  38.           document.head.appendChild(link)
  39.         }
  40.         
  41.         // Load each CSS file asynchronously
  42.         cssFiles.forEach(function (url) {
  43.           loadCSS(url)
  44.         })
  45.       </script>
  47.       <!-- Custom Style -->
  48.       <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet" />
  49.       {# <link href="{{ asset('assets/css/pages/tab-page.css') }}" rel="stylesheet" /> #}
  50.       {# <link href="{{ asset('assets/css/pages/dashboard1.css') }}" rel="stylesheet" /> #}
  51.       {# <link href="{{ asset('assets/css/pages/footable-page.css') }}" rel="stylesheet" /> #}
  52.       {# <link href="{{ asset('assets/css/pages/card-page.css') }}" rel="stylesheet" /> #}
  53.       <link href="{{ asset('assets/css/colors/default-dark.css') }}" id="theme" rel="stylesheet" />
  55.       <!-- Override Style -->
  56.       <link href="{{ asset('assets/css/overrides/stylesheet.css') }}" rel="stylesheet" />
  57.       <script src="{{ asset('assets/plugins/tinymce_7.5.1/tinymce.min.js') }}"></script>
  58.       <script src="{{ asset('assets/plugins/tinymce_7.5.1/langs/fr_FR.js') }}"></script>
  59.       <script src="{{ asset('assets/plugins/Sortable-1.15.6/Sortable.min.js') }}"></script>
  60.     {% endblock %}
  61.   </head>
  63.   {% block body %}
  64.     <body id="{{ app.request.get('_route') ? : 'home' }}">
  65.       <div id="main-wrapper">
  66.         <div class="page">
  67.           {% block sidebar %}
  68.             {% include 'layout/sidebar.html.twig' %}
  69.           {% endblock %}
  71.           {% block topbar %}
  72.             <header class="topbar">
  73.               <div class="container">
  74.                 <div class="topbar__content">
  75.                   <div class="topbar__col">
  76.                     <div class="topbar__toggler">
  77.                       <a class="topbar__toggler-mobile nav-toggler hidden-md-up" href="javascript:void(0)"><i class="icon"></i></a>
  78.                       <a class="topbar__toggler-desktop sidebartoggler hidden-sm-down" href="javascript:void(0)"><i class="icon"></i></a>
  79.                     </div>
  81.                     {% block heading %}
  83.                     {% endblock %}
  84.                   </div>
  86.                   <div class="topbar__col">
  87.                     <div class="topbar__language dropdown">
  88.                       <a class="topbar__language-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon icon__img--fr"></i></a>
  89.                       <div class="dropdown-menu">
  90.                         <a class="dropdown-item" href="#"><i class="icon icon__img--uk"></i> English</a>
  91.                         <a class="dropdown-item" href="#"><i class="icon icon__img--fr"></i> French</a>
  92.                       </div>
  93.                     </div>
  94.                     <div class="topbar__profile dropdown">
  95.                       <a class="topbar__profile-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  96.                         {% if app.user %}
  97.                           {% set initials = (app.user.prenom|first) ~ (app.user.nom|first) %}
  98.                           <div class="topbar__profile-initials">{{ initials }}</div>
  100.                           <div class="topbar__profile-text">
  101.                             <h5 class="topbar__profile-text__name">
  102.                               <span>{{ app.user.prenom }} {{ app.user.nom }}</span>
  103.                               <i class="icon icon--arrow-down"></i>
  104.                             </h5>
  105.                             <p class="topbar__profile-text__mail">{{ app.user.email }}</p>
  106.                           </div>
  107.                         {% endif %}
  108.                       </a>
  109.                       <div class="dropdown-menu">
  110.                         <ul class="dropdown-user">
  111.                           <li class="dropdown-user__item">
  112.                             <a class="dropdown-user__link" href="{{ path('app_user_show', { id: user.id }) }}"><i class="icon icon--user"></i> My profile</a>
  113.                           </li>
  114.                           {#     <li class="dropdown-user__item">
  115.                             <a class="dropdown-user__link" href="#"><i class="icon icon--setting"></i> Account settings</a>
  116.                           </li>#}
  117.                           <li>
  118.                             <a class="btn btn-outline-primary" href="{{ path('app_logout') }}">Déconnexion</a>
  119.                           </li>
  120.                         </ul>
  121.                       </div>
  122.                     </div>
  123.                   </div>
  124.                 </div>
  125.               </div>
  126.             </header>
  127.           {% endblock %}
  129.           <div class="page-wrap">
  130.             <div class="page-grid">
  131.               <div class="page-content">
  132.                 <div class="container" style="line-height: 1.2;
  133.     font-size: 0.8rem">
  134.                   {% block content %}
  136.                   {% endblock %}
  137.                 </div>
  138.               </div>
  140.               {% block footer %}
  141.                 {% include 'layout/footer.html.twig' %}
  142.               {% endblock %}
  143.             </div>
  144.           </div>
  145.         </div>
  146.       </div>
  148.       {% block javascripts %}
  149.         <!-- CDN scripts -->
  150.         <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>
  151.         <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
  152.         <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/9.5.0/math.min.js"></script>
  153.         <script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.min.js"></script>
  154.         <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  156.         <!-- Plugin scripts -->
  157.         <script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
  158.         <script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
  159.         <script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
  160.         <script src="{{ asset('assets/plugins/footable/js/footable.min.js') }}"></script>
  161.         <script src="{{ asset('assets/plugins/dropify/dist/js/dropify.min.js') }}"></script>
  162.         <script src="{{ asset('assets/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
  163.         <script src="{{ asset('assets/plugins/chartist-js/dist/chartist.min.js') }}"></script>
  164.         <script src="{{ asset('assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js') }}"></script>
  165.         <script src="{{ asset('assets/plugins/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js') }}"></script>
  166.         <script src="{{ asset('assets/plugins/d3/d3.min.js') }}"></script>
  167.         <script src="{{ asset('assets/plugins/c3-master/c3.min.js') }}"></script>
  168.         <script src="{{ asset('assets/plugins/dropzone-master/dist/dropzone.min.js') }}"></script>
  169.         <script src="{{ asset('assets/plugins/daterangepicker/daterangepicker.min.js') }}"></script>
  170.         <script src="{{ asset('assets/plugins/select2/dist/js/select2.full.min.js') }}"></script>
  171.         <script src="{{ asset('assets/plugins/multiselect/js/jquery.multi-select.min.js') }}"></script>
  172.         <script src="{{ asset('assets/plugins/bootstrap-select/bootstrap-select.min.js') }}"></script>
  173.         <script src="{{ asset('assets/plugins/datatables/datatables.min.js') }}"></script>
  174.         <script src="{{ asset('assets/plugins/Magnific-Popup-master/dist/jquery.magnific-popup.min.js') }}"></script>
  175.         <script src="{{ asset('assets/plugins/Magnific-Popup-master/dist/jquery.magnific-popup-init.min.js') }}"></script>
  176.         <script src="{{ asset('assets/plugins/toast-master/js/jquery.toast.min.js') }}"></script>
  178.         <!-- Custom scripts -->
  179.         <script src="{{ asset('assets/js/plugins/perfect-scrollbar.jquery.min.js') }}"></script>
  180.         <script src="{{ asset('assets/js/plugins/validation.js') }}"></script>
  181.         <script src="{{ asset('assets/js/components/sidebarmenu.js') }}"></script>
  182.         <script src="{{ asset('assets/js/components/layout.js') }}"></script>
  183.         <script src="{{ asset('assets/js/components/toastr.js') }}"></script>
  184.         <script src="{{ asset('assets/js/components/clipboard.js') }}"></script>
  185.         <script src="{{ asset('assets/js/utilities/functions.js') }}"></script>
  186.         <script src="{{ asset('assets/js/utilities/helpers.js') }}"></script>
  187.         <script src="{{ asset('assets/js/page/contact.js') }}"></script>
  188.       {% endblock %}
  189.     </body>
  190.   {% endblock %}
  191. </html>