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.     <!-- Personal CSS -->
  18.     <link rel="stylesheet" href="{{ asset('back/css/_admin.css') }}">
  19.     <!-- summernote -->
  20.     <link rel="stylesheet" href="{{ asset('back/plugins/summernote/summernote-bs4.min.css') }}">
  22.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
  23.     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css">
  24.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  26.     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  28.     {% block style %}{% endblock %}
  30. </head>
  31. <body class="{% if app.session.get('darkmode') == true %}dark-mode{% endif %} hold-transition sidebar-mini layout-fixed">
  32. <div class="wrapper">
  34.     {% if app.request.attributes.get('_route') != 'app_login' %}
  35.         <!-- Navbar -->
  36.         {{ include('back/inc/nav_header.html.twig') }}
  37.         <!-- /.navbar -->
  39.         {{ include('back/inc/sidebar.html.twig') }}
  40.     {% endif %}
  41.     <!-- Content Wrapper. Contains page content -->
  42.     <div class="{% if app.request.attributes.get('_route') != 'app_login' %}content-wrapper{% else%}login-page{% endif %}">
  43.         {% block body %}{% endblock %}
  44.     </div>
  45.     <!-- /.content-wrapper -->
  46.     {% if app.request.attributes.get('_route') != 'app_login' %}
  47.         {{ include('back/inc/footer.html.twig') }}
  48.     {% endif %}
  50.     <!-- Control Sidebar -->
  51.     <aside class="control-sidebar control-sidebar-dark">
  52.         <!-- Control sidebar content goes here -->
  53.     </aside>
  54.     <!-- /.control-sidebar -->
  55. </div>
  56. <!-- ./wrapper -->
  58. <!-- jQuery -->
  59. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script>
  60. <!-- jQuery UI 1.11.4 -->
  61. <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>
  62. <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  63. <script>
  64.     $.widget.bridge('uibutton', $.ui.button)
  65. </script>
  66. <!-- Bootstrap 4 -->
  67. <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
  68. <script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script>
  69. <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  70. <script src="{{ asset('back/js/adminlte.min.js') }}"></script>
  71. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
  72. <script src="{{ asset('back/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  73. <script src="{{ asset('back/plugins/summernote/summernote-bs4.min.js') }}"></script>
  74. {{ include('back/inc/messages.html.twig') }}
  76. {% block javascript %}{% endblock %}
  78. <script>
  79.     const btnDarkmode = document.getElementById('darkmode');
  81.     btnDarkmode.addEventListener('click', () => {
  82.         fetch("{{ path('back_darkmode') }}")
  83.             .then(response => response.json())
  84.             .then(result =>  {
  85.                 if (result.darkmode) {
  86.                     document.querySelector('body').classList.add('dark-mode');
  87.                     document.getElementById('navbar-header').classList.replace('navbar-white','navbar-dark');
  88.                     document.getElementById('modeChange').textContent = 'Light';
  89.                 } else {
  90.                     document.querySelector('body').classList.remove('dark-mode');
  91.                     document.getElementById('navbar-header').classList.replace('navbar-dark','navbar-white');
  92.                     document.getElementById('modeChange').textContent = 'Dark';
  93.                 }
  94.             });
  95.     });
  97. </script>
  98. </body>
  99. </html>