templates/layout/base.html.twig line 45

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>
  6. {% block title 'BETHESDA' %}
  7. </title>
  8. <meta
  9. name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  10. <!-- Basic -->
  11. <meta
  12. http-equiv="X-UA-Compatible" content="IE=edge">
  14. <!-- Site Metas -->
  16. <meta name="keywords" content="bethesda isbb">
  17. <meta name="description" content="Institut secondaire bilingue bethesda">
  18. <meta
  19. name="author" content="Arsene Fokam Poka, Ing">
  21. <!-- Site Icons -->
  23. {% block stylesheets %}
  24. {# {{encore_entry_link_tags('main')}} #}
  25. <link rel="icon" type="image/png" href="{{ asset('assets/images/BethesdaLogo.png') }}"/>
  26. <link rel="apple-touch-icon" href="{{ asset('assets/images/BethesdaLogo.png') }}">
  27. <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
  28. <link href="{{ asset('assets/css/font-awesome.min.css') }}" rel="stylesheet">
  29. <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}"/>
  30. <link href="{{ asset('assets/css/bootstrap-grid.min.css') }}" rel="stylesheet" type="text/css"/>
  31. <link href="{{ asset('assets/css/bootstrap-reboot.min.css') }}" rel="stylesheet" type="text/css"/>
  33. <link href="{{ asset('assets/css/custom.css') }}" rel="stylesheet">
  35. <link href="{{ asset('assets/css/navbar-fix.css') }}" rel="stylesheet" type="text/css" />
  37. {% endblock %}
  39. </head>
  41. <body class="host_version">
  43. {% block main %}
  44. <!-- JUST FOR BACKEND -->
  45. {% endblock %}
  46. {% block partials %}
  48. <!-- Flash Messages -->
  49. {% include 'layout/partials/flash_messages.html.twig' %}
  51. {% if not app.user %}
  52. <!-- Modal -->
  53. {% include 'layout/partials/modal.html.twig' %}
  54. <!-- LOADER -->
  55. {% include 'layout/partials/loader.html.twig' %}
  56. <!-- HEADER -->
  57. {% include 'layout/partials/header.html.twig' %}
  58. {% endif %}
  60. {% endblock %}
  62. <div>
  64. {% block body %}
  65. <!-- JUST FOR FRONTEND -->
  66. {% endblock %}
  67. {% block footer %}
  68. <!-- Header -->
  69. {% include 'layout/partials/partners.html.twig' %}
  70. {% include 'layout/partials/footer.html.twig' %}
  71. {% endblock footer %}
  72. </div>
  73. <!-- in order to record the current route -->
  74. {# {{ app.session.set('referer', path(app.request.attributes.get('_route')) ) }} #}
  75. {{ app.session.set('referer', app.request.get('_route') ) }}
  77. {% block javascripts %}
  79. <!-- 1. jQuery EN PREMIER -->
  80. <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  82. <!-- 2. jQuery UI -->
  83. <script type="text/javascript" src="{{ asset('assets/js/jquery-ui.min.js') }}"></script>
  85. <!-- 3. Bootstrap 4.6.0 (compatible avec votre CSS) -->
  86. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
  88. <!-- 4. Chart.js -->
  89. <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.0/chart.min.js"></script>
  91. <!-- 5. Vos scripts personnalisés -->
  92. <script type="text/javascript" src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
  93. <script type="text/javascript" src="{{ asset('assets/js/menu.js') }}"></script>
  94. <script type="text/javascript" src="{{ asset('assets/js/all.js') }}"></script>
  95. <script type="text/javascript" src="{{ asset('assets/js/front.js') }}"></script>
  96. <script type="text/javascript" src="{{ asset('assets/js/custom.js') }}"></script>
  97. <script type="text/javascript" src="{{ asset('assets/js/timeline.min.js') }}"></script>
  98. <script src="{{ asset('assets/js/d3.v4.min.js') }}"></script>
  101. <script>
  102. $(document).ready(function() {
  103. console.log('jQuery version:', $.fn.jquery);
  104. console.log('Bootstrap loaded:', typeof $.fn.modal);
  106. $('#toggle-btn').on('click', function(e) {
  107. e.preventDefault();
  108. console.log('Toggle button clicked!');
  109. $('body').toggleClass('sidebar-collapsed');
  110. $('.side-navbar').toggleClass('shrinked');
  111. $('.page').toggleClass('active');
  112. });
  113. });
  116. // Remplacez le script existant dans admin.html.twig par celui-ci
  118. $(document).ready(function() {
  119. // Toggle sidebar menu
  120. $('#toggle-btn').on('click', function(e) {
  121. e.preventDefault();
  123. // Vérifier si on est sur mobile ou desktop
  124. var windowWidth = $(window).width();
  126. if (windowWidth > 1199) {
  127. // Desktop: toggle entre 200px et 70px
  128. $('body').toggleClass('sidebar-collapsed');
  129. $('.side-navbar').toggleClass('shrinked');
  130. $('.page').toggleClass('active');
  132. console.log('Desktop toggle - sidebar-collapsed:', $('body').hasClass('sidebar-collapsed'));
  133. } else {
  134. // Mobile: afficher/masquer complètement
  135. $('.side-navbar').toggleClass('show-sm');
  136. $('.page').toggleClass('active-sm');
  138. console.log('Mobile toggle - show-sm:', $('.side-navbar').hasClass('show-sm'));
  139. }
  140. });
  142. // Fermer le sidebar en cliquant en dehors sur mobile
  143. $(document).on('click', function(e) {
  144. if ($(window).width() <= 1199) {
  145. if (!$(e.target).closest('.side-navbar, #toggle-btn').length) {
  146. $('.side-navbar').removeClass('show-sm');
  147. $('.page').removeClass('active-sm');
  148. }
  149. }
  150. });
  152. // Change school year
  153. $('#select_year').on('change', function() {
  154. var postData = {
  155. "selectedSchoolYear": $(this).val()
  156. };
  158. $.ajax({
  159. type: "POST",
  160. url: "{{ path('update_school_year') }}",
  161. data: postData,
  162. datatype: "json",
  163. success: function(data) {
  164. console.log("Changement d'annee.");
  165. location.reload();
  166. },
  167. error: function(e) {
  168. console.log(e.message);
  169. alert("Echec.");
  170. }
  171. });
  172. });
  174. // Debug: afficher l'état actuel
  175. console.log('Initial state:');
  176. console.log('- Sidebar width:', $('.side-navbar').width());
  177. console.log('- Page width:', $('.page').width());
  178. console.log('- Window width:', $(window).width());
  179. });
  180. </script>
  188. <script>
  190. timeline(document.querySelectorAll('.timeline'), {
  191. forceVerticalMode: 700,
  192. mode: 'horizontal',
  193. verticalStartPosition: 'left',
  194. visibleItems: 4
  195. });
  196. </script>
  197. <!-- Global site tag (gtag.js) - Google Analytics -->
  198. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-208287842-1"></script>
  199. <script>
  200. window.dataLayer = window.dataLayer || [];
  201. function gtag() {
  202. dataLayer.push(arguments);
  203. }
  204. gtag('js', new Date());
  206. gtag('config', 'UA-208287842-1');
  207. </script>
  209. {% endblock javascripts %}
  211. </body>
  213. </html>