templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en" data-theme="{{ app.user ? app.user.theme : 'default' }}">
  3.     <head>
  4.         <title>
  5.             Evapi ERP
  6.             {% block title %}{% endblock %}
  7.         </title>
  8.         <meta charset="utf-8"/>
  9.         <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  10.         <meta
  11.         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.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"/>
  25.             <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  26.             <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  27.             <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  29.             <script>
  30.                 // Create a <link> element for each non-critical CSS file
  32. var assetUrl = "{{ asset('') }}"
  33. var cssFiles = [
  34. 'assets/plugins/dropify/dist/css/dropify.min.css',
  35. 'assets/plugins/bootstrap/css/bootstrap.min.css',
  36. 'assets/plugins/perfect-scrollbar/css/perfect-scrollbar.min.css',
  37. 'assets/plugins/select2/dist/css/select2.min.css',
  38. 'assets/plugins/bootstrap-select/bootstrap-select.min.css',
  39. 'assets/plugins/Magnific-Popup-master/dist/magnific-popup.min.css',
  40. 'assets/plugins/jquery-asColorPicker-master/dist/css/asColorPicker.min.css',
  41. 'assets/plugins/datatables/media/css/dataTables.bootstrap4.min.css',
  42. 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css',
  43. 'assets/plugins/chartist-js/dist/chartist.min.css',
  44. 'assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.css',
  45. 'assets/plugins/footable/css/footable.bootstrap.min.css',
  46. 'assets/plugins/daterangepicker/daterangepicker.min.css',
  47. 'assets/plugins/dropzone-master/dist/dropzone.min.css',
  48. 'assets/plugins/c3-master/c3.min.css',
  49. 'assets/plugins/toast-master/css/jquery.toast.min.css',
  50. 'assets/plugins/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.min.css',
  51. 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css',
  52. 'assets/plugins/nestable/nestable.min.css'
  53. ]
  55. // Function to asynchronously load CSS files
  56. function loadCSS(url) {
  57. var link = document.createElement('link')
  58. link.rel = 'stylesheet'
  59. link.href = assetUrl + url
  60. document.head.appendChild(link)
  61. }
  63. // Load each CSS file asynchronously
  64. cssFiles.forEach(function (url) {
  65. loadCSS(url)
  66. })
  68.             </script>
  70.             <!-- Custom Style -->
  71.             <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
  72.             {# <link href="{{ asset('assets/css/pages/tab-page.css') }}" rel="stylesheet" /> #}
  73.             {# <link href="{{ asset('assets/css/pages/dashboard1.css') }}" rel="stylesheet" /> #}
  74.             {# <link href="{{ asset('assets/css/pages/footable-page.css') }}" rel="stylesheet" /> #}
  75.             {# <link href="{{ asset('assets/css/pages/card-page.css') }}" rel="stylesheet" /> #}
  76.             <link
  77.             href="{{ asset('assets/css/colors/default-dark.css') }}" id="theme" rel="stylesheet"/> <!-- Override Style -->
  78.             <link href="{{ asset('assets/css/overrides/stylesheet.css') }}" rel="stylesheet"/>
  79.             <link href="{{ asset('assets/css/overrides/theme.css') }}" rel="stylesheet"/>
  80.             <script src="{{ asset('assets/plugins/tinymce_7.5.1/tinymce.min.js') }}"></script>
  81.             <script src="{{ asset('assets/plugins/tinymce_7.5.1/langs/fr_FR.js') }}"></script>
  82.             <script src="{{ asset('assets/plugins/Sortable-1.15.6/Sortable.min.js') }}"></script>
  83.         {% endblock %}
  84.     </head>
  86.     {% block body %}
  87.         <body id="{{ app.request.get('_route') ? : 'home' }}">
  89.             <div id="main-wrapper" class=" page">
  91.                 {% block sidebar %}
  92.                     {% include 'layout/sidebar.html.twig' %}
  93.                 {% endblock %}
  95.                 {% block topbar %}
  96.                     <header class="topbar">
  97.                         <div class="container">
  98.                             <div class="topbar__content">
  99.                                 <div class="topbar__col">
  100.                                     <div class="topbar__toggler">
  101.                                         <a class="topbar__toggler-mobile nav-toggler hidden-lg-up" href="javascript:void(0)">
  102.                                             <span class="material-symbols-outlined">menu</span>
  103.                                         </a>
  104.                                         <a class="topbar__toggler-desktop sidebartoggler hidden-lg-down" href="javascript:void(0)">
  105.                                             <span class="material-symbols-outlined">menu_open</span>
  106.                                         </a>
  107.                                     </div>
  109.                                     {% block heading %}{% endblock %}
  110.                                 </div>
  112.                                 <div class="topbar__col">
  113.                                     <div class="tab-actions">
  114.                                         <button id="bulkEditBtn" class="btn btn-primary">
  115.                                             <span class="material-symbols-outlined">edit</span>
  116.                                             Modifier en masse</button>
  118.                                         <div class="bulk-btn-group">
  119.                                             <button id="bulkSaveBtn" type="button" class="btn btn-primary">
  120.                                                 <span class="material-symbols-outlined">save</span>
  121.                                                 Enregistrer Tous</a>
  122.                                             <button id="bulkCancelBtn" type="button" class="btn btn-danger">
  123.                                                 <span class="material-symbols-outlined">cancel</span>
  124.                                                 Annuler
  125.                                             </a>
  126.                                         </div>
  127.                                     </div>
  129.                                     <div class="topbar__language dropdown d-none">
  130.                                         <a class="topbar__language-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  131.                                             <i class="icon icon__img--fr"></i>
  132.                                         </a>
  133.                                         <div class="dropdown-menu">
  134.                                             <a class="dropdown-item" href="#">
  135.                                                 <i class="icon icon__img--uk"></i>
  136.                                                 English</a>
  137.                                             <a class="dropdown-item" href="#">
  138.                                                 <i class="icon icon__img--fr"></i>
  139.                                                 French</a>
  140.                                         </div>
  141.                                     </div>
  142.                                     <div class="topbar__profile dropdown">
  143.                                         <a class="topbar__profile-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  144.                                             {% if app.user %}
  145.                                                 {% set initials = (app.user.prenom|first) ~ (app.user.nom|first) %}
  146.                                                 <div class="topbar__profile-initials">{{ initials }}</div>
  148.                                                 <div class="topbar__profile-text">
  149.                                                     <h5 class="topbar__profile-text__name">
  150.                                                         <span>{{ app.user.prenom }}
  151.                                                             {{ app.user.nom }}</span>
  152.                                                         <i class="icon icon--arrow-down"></i>
  153.                                                     </h5>
  154.                                                     <p class="topbar__profile-text__mail">{{ app.user.email }}</p>
  155.                                                 </div>
  156.                                             {% endif %}
  157.                                         </a>
  158.                                         <div class="dropdown-menu">
  159.                                             <ul class="dropdown-user">
  160.                                                 <li class="dropdown-user__item d-none">
  161.                                                     <a class="dropdown-user__link" href="{{ path('app_user_show', { id: user.id }) }}">
  162.                                                         <span class="material-symbols-outlined">person</span>
  163.                                                         My profile</a>
  164.                                                 </li>
  165.                                                 <li>
  166.                                                     <a class="btn btn-outline-primary" href="{{ path('app_logout') }}">
  167.                                                         <span class="material-symbols-outlined">logout</span>
  168.                                                         Déconnexion</a>
  169.                                                 </li>
  170.                                             </ul>
  171.                                         </div>
  172.                                     </div>
  173.                                 </div>
  174.                             </div>
  175.                         </div>
  176.                     </header>
  178.                     <script src="{{ asset('assets/js/components/layout.js') }}"></script>
  179.                 {% endblock %}
  181.                 <div class="page-wrap">
  182.                     <div class="page-grid">
  183.                         <div class="page-content">
  184.                             <div class="container" style="line-height: 1.2;font-size: 0.8rem">
  185.                                 {% block content %}{% endblock %}
  186.                             </div>
  187.                         </div>
  188.                     </div>
  190.                     {% block footer %}
  191.                         {% include 'layout/footer.html.twig' %}
  192.                     {% endblock %}
  194.                 </div>
  196.             </div>
  198.             {% block javascripts %}
  199.                 <!-- CDN scripts -->
  200.                 <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
  202.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.10/clipboard.min.js"></script>
  203.                 <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
  204.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/9.5.0/math.min.js"></script>
  205.                 <script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.min.js"></script>
  207.                 <!-- Plugin scripts -->
  208.                 <script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
  209.                 <script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  210.                 <script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
  211.                 <script src="{{ asset('assets/plugins/footable/js/footable.min.js') }}"></script>
  212.                 <script src="{{ asset('assets/plugins/dropify/dist/js/dropify.min.js') }}"></script>
  213.                 <script src="{{ asset('assets/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
  214.                 <script src="{{ asset('assets/plugins/chartist-js/dist/chartist.min.js') }}"></script>
  215.                 <script src="{{ asset('assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js') }}"></script>
  216.                 <script src="{{ asset('assets/plugins/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js') }}"></script>
  217.                 <script src="{{ asset('assets/plugins/d3/d3.min.js') }}"></script>
  218.                 <script src="{{ asset('assets/plugins/c3-master/c3.min.js') }}"></script>
  219.                 <script src="{{ asset('assets/plugins/dropzone-master/dist/dropzone.min.js') }}"></script>
  220.                 <script src="{{ asset('assets/plugins/daterangepicker/daterangepicker.min.js') }}"></script>
  221.                 <script src="{{ asset('assets/plugins/select2/dist/js/select2.full.min.js') }}"></script>
  222.                 <script src="{{ asset('assets/plugins/multiselect/js/jquery.multi-select.min.js') }}"></script>
  223.                 <script src="{{ asset('assets/plugins/bootstrap-select/bootstrap-select.min.js') }}"></script>
  224.                 <script src="{{ asset('assets/plugins/datatables/datatables.min.js') }}"></script>
  225.                 <script src="{{ asset('assets/plugins/Magnific-Popup-master/dist/jquery.magnific-popup.min.js') }}"></script>
  226.                 <script src="{{ asset('assets/plugins/Magnific-Popup-master/dist/jquery.magnific-popup-init.min.js') }}"></script>
  227.                 <script src="{{ asset('assets/plugins/toast-master/js/jquery.toast.min.js') }}"></script>
  228.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js" integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  230.                 <!-- Custom scripts -->
  231.                 <script src="{{ asset('assets/js/plugins/perfect-scrollbar.jquery.min.js') }}"></script>
  232.                 <script src="{{ asset('assets/js/plugins/validation.js') }}"></script>
  233.                 <script src="{{ asset('assets/js/components/toastr.js') }}"></script>
  234.                 <script src="{{ asset('assets/js/components/clipboard.js') }}"></script>
  235.                 <script src="{{ asset('assets/js/utilities/functions.js') }}"></script>
  236.                 <script src="{{ asset('assets/js/utilities/helpers.js') }}"></script>
  237.                 <script src="{{ asset('assets/js/page/contact.js') }}"></script>
  238.             {% endblock %}
  239.         </body>
  240.     {% endblock %}
  241. </html>