templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. {% set userTheme = app.user ? app.user.theme : 'default' %}
  3. {% if userTheme starts with 'system:' %}
  4.     {% set lightTheme = userTheme|slice(7) ?: 'default' %}
  5. <html lang="en" data-theme="{{ lightTheme }}" data-theme-mode="system" data-theme-light="{{ lightTheme }}">
  6. {% else %}
  7. <html lang="en" data-theme="{{ userTheme }}">
  8. {% endif %}
  9.     <head>
  10.         <title>
  11.             Evapi ERP
  12.             {% block title %}{% endblock %}
  13.         </title>
  14.         <meta charset="utf-8"/>
  15.         <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  16.         <meta
  17.         name="viewport" content="width=device-width, initial-scale=1"/>
  19.         <!-- Favicon -->
  20.         {% set faviconRelativePath = 'https://serveur-images.devil-it-applications.fr/evapi/logo/favicon' %}
  21.         {% block stylesheets %}
  22.             <link rel="shortcut icon" href="{{ faviconRelativePath }}/favicon.ico" type="image/x-icon"/>
  23.             <link rel="apple-touch-icon" sizes="180x180" href="{{ faviconRelativePath }}/apple-touch-icon.png"/>
  24.             <link rel="icon" type="image/png" sizes="192x192" href="{{ faviconRelativePath }}/android-chrome-192x192.png"/>
  25.             <link rel="icon" type="image/png" sizes="512x512" href="{{ faviconRelativePath }}/android-chrome-512x512.png"/>
  26.             <link rel="icon" type="image/png" sizes="32x32" href="{{ faviconRelativePath }}/favicon-32x32.png"/>
  27.             <link rel="icon" type="image/png" sizes="16x16" href="{{ faviconRelativePath }}/favicon-16x16.png"/>
  28.             <link rel="manifest" href="{{ faviconRelativePath }}/site.webmanifest"/>
  29.             <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"/>
  30.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"/>
  31.             <script src="{{ asset('assets/node_modules/jquery/dist/jquery.min.js') }}"></script>
  32.             <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
  33.             <script src="{{ asset('assets/node_modules/js-cookie/dist/js.cookie.min.js') }}"></script>
  35.             <script>
  36.                 // System theme detection - runs immediately to prevent flash
  37.                 (function() {
  38.                     var html = document.documentElement;
  39.                     var themeMode = html.getAttribute('data-theme-mode');
  40.                     if (themeMode === 'system') {
  41.                         var lightTheme = html.getAttribute('data-theme-light') || 'default';
  42.                         var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
  43.                         html.setAttribute('data-theme', prefersDark ? 'dark' : lightTheme);
  45.                         // Listen for system theme changes
  46.                         window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
  47.                             if (html.getAttribute('data-theme-mode') === 'system') {
  48.                                 html.setAttribute('data-theme', e.matches ? 'dark' : lightTheme);
  49.                             }
  50.                         });
  51.                     }
  52.                 })();
  53.             </script>
  55.             <script>
  56.                 // Create a <link> element for each non-critical CSS file
  58. var assetUrl = "{{ asset('') }}"
  59. var cssFiles = [
  60. 'assets/node_modules/dropify/dist/css/dropify.min.css',
  61. 'assets/node_modules/bootstrap/dist/css/bootstrap.min.css',
  62. 'assets/node_modules/perfect-scrollbar/dist/css/perfect-scrollbar.min.css',
  63. 'assets/node_modules/select2/dist/css/select2.min.css',
  64. 'assets/node_modules/bootstrap-select/dist/css/bootstrap-select.min.css',
  65. 'assets/node_modules/magnific-popup/dist/magnific-popup.css',
  66. 'assets/plugins/jquery-asColorPicker-master/dist/css/asColorPicker.min.css',
  67. 'assets/plugins/datatables/media/css/dataTables.bootstrap4.min.css',
  68. 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css',
  69. 'assets/node_modules/chartist/dist/chartist.min.css',
  70. 'assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.css',
  71. 'assets/plugins/footable/css/footable.bootstrap.min.css',
  72. 'assets/node_modules/daterangepicker/daterangepicker.css',
  73. 'assets/node_modules/dropzone/dist/min/dropzone.min.css',
  74. 'assets/node_modules/c3/c3.min.css',
  75. 'assets/plugins/toast-master/css/jquery.toast.min.css',
  76. 'assets/plugins/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.min.css',
  77. 'assets/plugins/html5-editor/bootstrap-wysihtml5.min.css',
  78. 'assets/plugins/nestable/nestable.min.css',
  79. 'assets/node_modules/sweetalert2/dist/sweetalert2.min.css'
  80. ]
  82. // Function to asynchronously load CSS files
  83. function loadCSS(url) {
  84. var link = document.createElement('link')
  85. link.rel = 'stylesheet'
  86. link.href = assetUrl + url
  87. document.head.appendChild(link)
  88. }
  90. // Load each CSS file asynchronously
  91. cssFiles.forEach(function (url) {
  92. loadCSS(url)
  93. })
  95.             </script>
  97.             <!-- Custom Style -->
  98.             <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
  99.             {# <link href="{{ asset('assets/css/pages/tab-page.css') }}" rel="stylesheet" /> #}
  100.             {# <link href="{{ asset('assets/css/pages/dashboard1.css') }}" rel="stylesheet" /> #}
  101.             {# <link href="{{ asset('assets/css/pages/footable-page.css') }}" rel="stylesheet" /> #}
  102.             {# <link href="{{ asset('assets/css/pages/card-page.css') }}" rel="stylesheet" /> #}
  103.             <link
  104.             href="{{ asset('assets/css/colors/default-dark.css') }}" id="theme" rel="stylesheet"/> <!-- Override Style -->
  105.             <link href="{{ asset('assets/css/overrides/stylesheet.css') }}" rel="stylesheet"/>
  106.             <link href="{{ asset('assets/css/overrides/theme.css') }}" rel="stylesheet"/>
  107.             <script src="{{ asset('assets/node_modules/tinymce/tinymce.min.js') }}"></script>
  108.             <script src="{{ asset('assets/node_modules/tinymce-i18n/langs7/fr_FR.js') }}"></script>
  109.             <script src="{{ asset('assets/node_modules/sortablejs/Sortable.min.js') }}"></script>
  110.         {% endblock %}
  111.     </head>
  113.     {% block body %}
  114.         <body id="{{ app.request.get('_route') ? : 'home' }}">
  115.             <script>
  116.                 // Detect if page is loaded in iframe and add class to body
  117.                 if (window.self !== window.top) {
  118.                     document.body.classList.add('in-iframe');
  119.                 }
  120.             </script>
  122.             <div id="main-wrapper" class=" page">
  124.                 {% block sidebar %}
  125.                     {% include 'layout/sidebar.html.twig' %}
  126.                 {% endblock %}
  128.                 {% block topbar %}
  129.                     <header class="topbar">
  130.                         <div class="container">
  131.                             <div class="topbar__content">
  132.                                 <div class="topbar__col">
  133.                                     <div class="topbar__toggler">
  134.                                         <a class="topbar__toggler-mobile nav-toggler hidden-lg-up" href="javascript:void(0)">
  135.                                             <span class="material-symbols-outlined">menu</span>
  136.                                         </a>
  137.                                         <a class="topbar__toggler-desktop sidebartoggler hidden-lg-down" href="javascript:void(0)">
  138.                                             <span class="material-symbols-outlined">menu_open</span>
  139.                                         </a>
  140.                                     </div>
  142.                                     {% block heading %}{% endblock %}
  143.                                 </div>
  145.                                 <div class="topbar__col">
  146.                                     <div class="tab-actions">
  147.                                         <button id="bulkEditBtn" class="btn btn-primary">
  148.                                             <span class="material-symbols-outlined">edit</span>
  149.                                             Modifier en masse</button>
  151.                                         <div class="bulk-btn-group">
  152.                                             <button id="bulkSaveBtn" type="button" class="btn btn-primary">
  153.                                                 <span class="material-symbols-outlined">save</span>
  154.                                                 Enregistrer Tous</a>
  155.                                             <button id="bulkCancelBtn" type="button" class="btn btn-danger">
  156.                                                 <span class="material-symbols-outlined">cancel</span>
  157.                                                 Annuler
  158.                                             </a>
  159.                                         </div>
  160.                                     </div>
  162.                                     <div class="topbar__language dropdown d-none">
  163.                                         <a class="topbar__language-link" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  164.                                             <i class="icon icon__img--fr"></i>
  165.                                         </a>
  166.                                         <div class="dropdown-menu">
  167.                                             <a class="dropdown-item" href="#">
  168.                                                 <i class="icon icon__img--uk"></i>
  169.                                                 English</a>
  170.                                             <a class="dropdown-item" href="#">
  171.                                                 <i class="icon icon__img--fr"></i>
  172.                                                 French</a>
  173.                                         </div>
  174.                                     </div>
  175.                                     <div class="topbar__profile">
  176.                                         {% if app.user %}
  177.                                             {% set initials = (app.user.prenom|first) ~ (app.user.nom|first) %}
  178.                                             <div class="topbar__profile-initials">{{ initials }}</div>
  180.                                             <div class="topbar__profile-text">
  181.                                                 <h5 class="topbar__profile-text__name">
  182.                                                     <span>{{ app.user.prenom }} {{ app.user.nom }}</span>
  183.                                                 </h5>
  184.                                                 <p class="topbar__profile-text__mail">{{ app.user.email }}</p>
  185.                                             </div>
  187.                                             <a class="topbar__logout-btn" href="{{ path('app_logout') }}" title="Déconnexion">
  188.                                                 <span class="material-symbols-outlined">logout</span>
  189.                                             </a>
  190.                                         {% endif %}
  191.                                     </div>
  192.                                 </div>
  193.                             </div>
  194.                         </div>
  195.                     </header>
  197.                     <script src="{{ asset('assets/js/components/layout.js') }}"></script>
  198.                 {% endblock %}
  200.                 <div class="page-wrap">
  201.                     <div class="page-grid">
  202.                         <div class="page-content">
  203.                             <div class="container">
  204.                                 {% block content %}{% endblock %}
  205.                             </div>
  206.                         </div>
  207.                     </div>
  209.                     {% block footer %}
  210.                         {% include 'layout/footer.html.twig' %}
  211.                     {% endblock %}
  213.                 </div>
  215.             </div>
  217.             {% block javascripts %}
  218.                 <!-- npm scripts -->
  219.                 <script src="{{ asset('assets/node_modules/sweetalert2/dist/sweetalert2.min.js') }}"></script>
  220.                 <script src="{{ asset('assets/node_modules/clipboard/dist/clipboard.min.js') }}"></script>
  221.                 <script src="{{ asset('assets/node_modules/sortablejs/Sortable.min.js') }}"></script>
  222.                 <script src="{{ asset('assets/node_modules/mathjs/lib/browser/math.js') }}"></script>
  223.                 <script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.min.js"></script>
  225.                 <!-- Plugin scripts -->
  226.                 <script src="{{ asset('assets/node_modules/popper.js/dist/umd/popper.min.js') }}"></script>
  227.                 <script src="{{ asset('assets/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
  228.                 <script src="{{ asset('assets/node_modules/moment/min/moment.min.js') }}"></script>
  229.                 <script src="{{ asset('assets/plugins/footable/js/footable.min.js') }}"></script>
  230.                 <script src="{{ asset('assets/node_modules/dropify/dist/js/dropify.min.js') }}"></script>
  231.                 <script src="{{ asset('assets/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
  232.                 <script src="{{ asset('assets/node_modules/chartist/dist/chartist.min.js') }}"></script>
  233.                 <script src="{{ asset('assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.min.js') }}"></script>
  234.                 <script src="{{ asset('assets/plugins/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js') }}"></script>
  235.                 <script src="{{ asset('assets/node_modules/d3/d3.min.js') }}"></script>
  236.                 <script src="{{ asset('assets/node_modules/c3/c3.min.js') }}"></script>
  237.                 <script src="{{ asset('assets/node_modules/dropzone/dist/min/dropzone.min.js') }}"></script>
  238.                 <script src="{{ asset('assets/node_modules/daterangepicker/daterangepicker.js') }}"></script>
  239.                 <script src="{{ asset('assets/node_modules/select2/dist/js/select2.full.min.js') }}"></script>
  240.                 <script src="{{ asset('assets/plugins/multiselect/js/jquery.multi-select.min.js') }}"></script>
  241.                 <script src="{{ asset('assets/node_modules/bootstrap-select/dist/js/bootstrap-select.min.js') }}"></script>
  242.                 <script src="{{ asset('assets/plugins/datatables/datatables.min.js') }}"></script>
  243.                 <script src="{{ asset('assets/node_modules/magnific-popup/dist/jquery.magnific-popup.min.js') }}"></script>
  244.                 <script src="{{ asset('assets/js/plugins/magnific-popup-init.min.js') }}"></script>
  245.                 <script src="{{ asset('assets/plugins/toast-master/js/jquery.toast.min.js') }}"></script>
  246.                 <script src="{{ asset('assets/node_modules/jquery-validation/dist/jquery.validate.min.js') }}"></script>
  248.                 <script src="{{ asset('assets/node_modules/htmx.org/dist/htmx.min.js') }}"></script>
  250.             <!-- Custom scripts -->
  251.                 <script src="{{ asset('assets/js/plugins/perfect-scrollbar.jquery.min.js') }}"></script>
  252.                 <script src="{{ asset('assets/js/plugins/validation.js') }}"></script>
  253.                 <script src="{{ asset('assets/js/components/toastr.js') }}"></script>
  254.                 <script src="{{ asset('assets/js/components/clipboard.js') }}"></script>
  255.                 <script src="{{ asset('assets/js/components/filter-toggle.js') }}"></script>
  256.                 <script src="{{ asset('assets/js/utilities/functions.js') }}"></script>
  257.                 <script src="{{ asset('assets/js/utilities/helpers.js') }}"></script>
  258.                 <script src="{{ asset('assets/js/page/contact.js') }}"></script>
  259.             {% endblock %}
  260.         {{ include('components/modals/_iframe_modal.html.twig') }}
  261.         </body>
  262.     {% endblock %}
  263. </html>