templates/base_back.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title>{% block title %}{% endblock %} | Admin</title>
  7.     <!-- Tell the browser to be responsive to screen width -->
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <!-- Font Awesome -->
  11.     <!-- Ionicons -->
  12.     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  13.     <!-- Tempusdominus Bbootstrap 4 -->
  14.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
  15.     <!-- Theme style -->
  16.     <link rel="stylesheet" href="{{ asset('back/css/adminlte.min.css') }}">
  17.     <!-- summernote -->
  18.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
  19.     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css">
  20.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  22.     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  24.     <link rel="shortcut icon" type="image/ico"
  25.           href="../images/logo_Wersandt.svg"
  26.     />
  27.     {% block style %}{% endblock %}
  29. </head>
  30. <body class="{% if app.session.get('darkmode') == true %}dark-mode{% endif %} hold-transition sidebar-mini layout-fixed">
  31. <div class="wrapper">
  33.     {% if app.request.attributes.get('_route') != 'app_login' %}
  34.         <!-- Navbar -->
  35.         {{ include('back/inc/nav_header.html.twig') }}
  36.         <!-- /.navbar -->
  38.         {{ include('back/inc/sidebar.html.twig') }}
  39.     {% endif %}
  40.     <!-- Content Wrapper. Contains page content -->
  41.     <div class="{% if app.request.attributes.get('_route') != 'app_login' %}content-wrapper{% else%}login-page{% endif %}">
  42.         {% block body %}{% endblock %}
  43.     </div>
  44.     <!-- /.content-wrapper -->
  45.     {% if app.request.attributes.get('_route') != 'app_login' %}
  46.         {{ include('back/inc/footer.html.twig') }}
  47.     {% endif %}
  49.     <!-- Control Sidebar -->
  50.     <aside class="control-sidebar control-sidebar-dark">
  51.         <!-- Control sidebar content goes here -->
  52.     </aside>
  53.     <!-- /.control-sidebar -->
  54. </div>
  55. <!-- ./wrapper -->
  57. <!-- jQuery -->
  58. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script>
  59. <!-- jQuery UI 1.11.4 -->
  60. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous"></script>
  61. <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  62. <script nonce="{{ csp_nonce('script') }}">
  63.     $.widget.bridge('uibutton', $.ui.button)
  64. </script>
  65. <!-- Bootstrap 4 -->
  66. <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
  67. <script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script>
  68. <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  69. <script src="{{ asset('back/js/adminlte.min.js') }}"></script>
  70. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
  71. {{ include('back/inc/messages.html.twig') }}
  73. {% block javascript %}{% endblock %}
  75. <script nonce="{{ csp_nonce('script') }}">
  76.     const btnDarkmode = document.getElementById('darkmode');
  78.     btnDarkmode.addEventListener('click', () => {
  79.         fetch("{{ path('back_darkmode') }}")
  80.             .then(response => response.json())
  81.             .then(result =>  {
  82.                 if (result.darkmode) {
  83.                     document.querySelector('body').classList.add('dark-mode');
  84.                     document.getElementById('navbar-header').classList.replace('navbar-white','navbar-dark');
  85.                     document.getElementById('modeChange').textContent = 'Light';
  86.                 } else {
  87.                     document.querySelector('body').classList.remove('dark-mode');
  88.                     document.getElementById('navbar-header').classList.replace('navbar-dark','navbar-white');
  89.                     document.getElementById('modeChange').textContent = 'Dark';
  90.                 }
  91.             });
  92.     });
  94. </script>
  95. </body>
  96. </html>