templates/layout/base.html.twig line 48

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>{% block title 'BETHESDA' %}</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. {# ── SEO ── #}
  10. <meta name="keywords" content="bethesda isbb">
  11. <meta name="description" content="Institut secondaire bilingue bethesda">
  12. <meta name="author" content="Arsene Fokam Poka, Ing">
  14. {% block stylesheets %}
  16. {# ── Favicon ── #}
  17. <link rel="icon" type="image/png" href="{{ asset('assets/images/BethesdaLogo.png') }}"/>
  18. <link rel="apple-touch-icon" href="{{ asset('assets/images/BethesdaLogo.png') }}">
  20. {# ── Google Fonts (preconnect pour la performance) ── #}
  21. <link rel="preconnect" href="https://fonts.googleapis.com">
  22. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  24. {# ── Bootstrap ── #}
  25. <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}"/>
  26. <link href="{{ asset('assets/css/bootstrap-grid.min.css') }}" rel="stylesheet" type="text/css"/>
  27. <link href="{{ asset('assets/css/bootstrap-reboot.min.css') }}" rel="stylesheet" type="text/css"/>
  29. {# ── Icônes ── #}
  30. <link href="{{ asset('assets/css/font-awesome.min.css') }}" rel="stylesheet">
  32. {# ── CSS personnalisé unifié (remplace l'ancien style.css) ── #}
  33. <link href="{{ asset('assets/css/liveedu-custom.css') }}" rel="stylesheet" type="text/css"/>
  35. {# ── Surcouches spécifiques (navbar, custom, etc.) ── #}
  36. <link href="{{ asset('assets/css/custom.css') }}" rel="stylesheet" type="text/css"/>
  37. <link href="{{ asset('assets/css/navbar-fix.css') }}" rel="stylesheet" type="text/css"/>
  39. {% endblock %}
  40. </head>
  42. <body class="host_version">
  44. {% block main %}
  45. {# JUST FOR BACKEND #}
  46. {% endblock %}
  48. {% block partials %}
  50. {# ── Flash Messages ── #}
  51. {% include 'layout/partials/flash_messages.html.twig' %}
  53. {% if not app.user %}
  54. {% include 'layout/partials/modal.html.twig' %}
  55. {% include 'layout/partials/loader.html.twig' %}
  56. {% include 'layout/partials/header.html.twig' %}
  57. {% endif %}
  59. {% endblock %}
  61. <div>
  62. {% block body %}
  63. {# JUST FOR FRONTEND #}
  64. {% endblock %}
  66. {% block footer %}
  67. {% include 'layout/partials/partners.html.twig' %}
  68. {% include 'layout/partials/footer.html.twig' %}
  69. {% endblock footer %}
  70. </div>
  72. {# Enregistre la route courante en session #}
  73. {{ app.session.set('referer', app.request.get('_route')) }}
  75. {% block javascripts %}
  77. {# ── 1. jQuery ── #}
  78. <script src="https://code.jquery.com/jquery-3.7.1.min.js"
  79. integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
  80. crossorigin="anonymous"></script>
  82. {# ── 2. jQuery UI ── #}
  83. <script src="{{ asset('assets/js/jquery-ui.min.js') }}"></script>
  85. {# ── 3. Bootstrap 4.6 ── #}
  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. Scripts personnalisés ── #}
  92. <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
  93. <script src="{{ asset('assets/js/menu.js') }}"></script>
  94. <script src="{{ asset('assets/js/all.js') }}"></script>
  95. <script src="{{ asset('assets/js/front.js') }}"></script>
  96. <script src="{{ asset('assets/js/custom.js') }}"></script>
  97. <script src="{{ asset('assets/js/timeline.min.js') }}"></script>
  98. <script src="{{ asset('assets/js/d3.v4.min.js') }}"></script>
  100. {# ── 6. Sidebar toggle & school year ── #}
  101. <script>
  102. $(document).ready(function () {
  104. $('#toggle-btn').on('click', function (e) {
  105. e.preventDefault();
  107. if ($(window).width() > 1199) {
  108. $('body').toggleClass('sidebar-collapsed');
  109. $('.side-navbar').toggleClass('shrinked');
  110. $('.page').toggleClass('active');
  111. } else {
  112. $('.side-navbar').toggleClass('show-sm');
  113. $('.page').toggleClass('active-sm');
  114. }
  115. });
  117. {# Fermer le sidebar en cliquant en dehors (mobile) #}
  118. $(document).on('click', function (e) {
  119. if ($(window).width() <= 1199) {
  120. if (!$(e.target).closest('.side-navbar, #toggle-btn').length) {
  121. $('.side-navbar').removeClass('show-sm');
  122. $('.page').removeClass('active-sm');
  123. }
  124. }
  125. });
  127. {# Changement d'année scolaire #}
  128. $('#select_year').on('change', function () {
  129. $.ajax({
  130. type: 'POST',
  131. url: '{{ path('update_school_year') }}',
  132. data: { selectedSchoolYear: $(this).val() },
  133. success: function () { location.reload(); },
  134. error: function (e) { alert('Échec du changement d\'année.'); console.error(e); }
  135. });
  136. });
  137. });
  138. </script>
  140. {# ── 7. Timeline ── #}
  141. <script>
  142. timeline(document.querySelectorAll('.timeline'), {
  143. forceVerticalMode: 700,
  144. mode: 'horizontal',
  145. verticalStartPosition: 'left',
  146. visibleItems: 4
  147. });
  148. </script>
  150. {# ── 8. Google Analytics ── #}
  151. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-208287842-1"></script>
  152. <script>
  153. window.dataLayer = window.dataLayer || [];
  154. function gtag() { dataLayer.push(arguments); }
  155. gtag('js', new Date());
  156. gtag('config', 'UA-208287842-1');
  157. </script>
  159. {% endblock javascripts %}
  161. </body>
  162. </html>