templates/layout/backEndLayout.html.twig line 73

Open in your IDE?
  1. {% extends 'layout/base.html.twig' %}
  3. {% block stylesheets %}
  4. {{ parent() }}
  5. <link rel="stylesheet" href="{{ asset('assets/css/style.blue.css') }}">
  6. <link rel="stylesheet" href="{{ asset('assets/css/jquery.mCustomScrollbar.css') }}">
  7. <link rel="stylesheet" href="{{ asset('assets/cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css') }}">
  9. <style>
  10. /* Sidebar */
  11. .side-navbar {
  12. position: fixed;
  13. top: 0;
  14. left: 0;
  15. width: 220px;
  16. height: 100vh;
  17. background: #2f3e47;
  18. color: white;
  19. overflow-y: auto;
  20. transition: all 0.3s ease;
  21. z-index: 999;
  22. }
  23. .side-navbar a { color: #d1d4d6; display:block; padding:10px 15px; }
  24. .side-navbar a:hover { background:#1e2a31; color:white; }
  25. .sidenav-header img { width:70px; border-radius:50%; margin-bottom:10px; }
  27. /* Collapsed sidebar (mobile) */
  28. .side-navbar.collapsed {
  29. left: -220px;
  30. }
  32. /* Content */
  33. .flex-grow-1 {
  34. margin-left: 220px;
  35. transition: margin 0.3s ease;
  36. }
  37. .side-navbar.collapsed ~ .flex-grow-1 {
  38. margin-left: 0;
  39. }
  41. /* Header */
  42. .header { background:white; border-bottom:1px solid #eee; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; }
  44. /* Dashboard cards */
  45. .dashboard-card { background:white; border-radius:8px; padding:15px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; }
  46. .dashboard-card i { font-size:2em; margin-bottom:5px; }
  48. /* Toggle button */
  49. #toggle-btn { font-size:1.3em; cursor:pointer; color:#2f3e47; }
  51. /* Responsive */
  52. @media (max-width: 768px) {
  53. .flex-grow-1 { margin-left: 0; }
  54. .side-navbar { left: -220px; }
  55. .side-navbar.collapsed { left: 0; }
  56. }
  57. </style>
  58. {% endblock %}
  60. {% block title %}
  61. {{ parent() }} / Administration
  62. {% endblock %}
  64. {% block main %}
  65. <div class="d-flex">
  67. {# Sidebar #}
  68. {% block sidebar %}
  69. <nav class="side-navbar">
  70. <div class="side-navbar-wrapper">
  71. {% block identification %}
  72. <div class="sidenav-header text-center py-4">
  73. <img src="{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}{{ app.user.avatar(75) }}{% else %}{{ asset('img/avatar-2.jpg') }}{% endif %}" alt="user-avatar">
  74. <h6 class="text-white mt-2">{% if app.user %}{{ app.user.username }}{% endif %}</h6>
  75. </div>
  76. {% endblock %}
  78. {% block menu %}
  79. <ul class="list-unstyled">
  80. {% if is_granted('ROLE_ADMIN') %}
  81. <li><a href="{{ path('admin_school_years') }}"><i class="fa fa-calendar"></i> Années scolaires</a></li>
  82. <li><a href="{{ path('admin_quaters') }}"><i class="fa fa-calendar-check-o"></i> Trimestres</a></li>
  83. <li><a href="{{ path('admin_sequences') }}"><i class="fa fa-calendar-minus-o"></i> Séquences</a></li>
  84. <li><a href="{{ path('admin_programs') }}"><i class="fa fa-table"></i> Programmes</a></li>
  85. <li><a href="{{ path('admin_sections') }}"><i class="fa fa-th-large"></i> Sections</a></li>
  86. <li><a href="{{ path('admin_cycles') }}"><i class="fa fa-th-list"></i> Cycles</a></li>
  87. <li><a href="{{ path('admin_levels') }}"><i class="fa fa-list-ul"></i> Niveaux</a></li>
  88. <li><a href="{{ path('admin_classrooms') }}"><i class="fa fa-indent"></i> Classes</a></li>
  89. <li><a href="{{ path('admin_modules') }}"><i class="fa fa-folder-open-o"></i> Module</a></li>
  90. <li><a href="{{ path('admin_domains') }}"><i class="fa fa-user-md"></i> Département</a></li>
  91. <li><a href="{{ path('admin_courses') }}"><i class="fa fa-book"></i> Matières</a></li>
  92. <li><a href="{{ path('admin_subscriptions') }}"><i class="fa fa-exchange"></i> Inscriptions</a></li>
  93. <li><a href="{{ path('admin_students', {'type': 'new_students_not_yet_registered_checkbox'}) }}"><i class="fa fa-users"></i> Élèves</a></li>
  94. <li><a href="{{ path('admin_attributions') }}"><i class="fa fa-map-signs"></i> Attributions</a></li>
  95. <li><a href="{{ path('admin_users') }}"><i class="fa fa-user"></i> Personnel</a></li>
  96. <li><a href="{{ path('admin_statistics') }}"><i class="fa fa-area-chart"></i> Statistiques</a></li>
  97. {% endif %}
  98. <li><a href="{{ path('admin_evaluations') }}"><i class="fa fa-file-pdf-o"></i> Evaluations</a></li>
  99. <li><a href="{{ path('app_account') }}"><i class="fa fa-user-circle"></i> Account</a></li>
  100. </ul>
  101. {% endblock %}
  102. </div>
  103. </nav>
  104. {% endblock %}
  106. {# Contenu principal #}
  107. <div class="flex-grow-1">
  109. {% block header %}
  110. <header class="header d-flex align-items-center justify-content-between">
  111. <a id="toggle-btn" href="#" class="menu-btn"><i class="fa fa-bars"></i></a>
  112. <a href="{{ path('app_home') }}" class="navbar-brand text-center">
  113. <strong class="text-primary">SCHOOL MANAGEMENT SYSTEM</strong>
  114. </a>
  115. {% if app.user %}
  116. <a id="logout_btn" href="#" onclick="event.preventDefault(); document.getElementById('js-logout-form').submit();" class="btn btn-warning">
  117. <i class="fa fa-sign-out"></i>
  118. </a>
  119. <form id="js-logout-form" action="{{ path('app_logout') }}" style="display:none;" method="POST">
  120. <input type="hidden" name="_csrf_token" value="{{ csrf_token('logout') }}">
  121. </form>
  122. {% endif %}
  123. </header>
  124. {% endblock %}
  126. <section class="container-fluid mt-4">
  127. {% if is_granted('ROLE_ADMIN') %}
  128. <div class="row mb-4">
  129. <div class="col-md-3">
  130. <div class="dashboard-card text-center">
  131. <i class="fa fa-graduation-cap text-primary"></i>
  132. <h4>{{ students_count() }}</h4>
  133. <p>Élèves</p>
  134. </div>
  135. </div>
  136. <div class="col-md-3">
  137. <div class="dashboard-card text-center">
  138. <i class="fa fa-users text-success"></i>
  139. <h4>{{ teachers_count() }}</h4>
  140. <p>Enseignants</p>
  141. </div>
  142. </div>
  143. <div class="col-md-3">
  144. <div class="dashboard-card text-center">
  145. <i class="fa fa-home text-warning"></i>
  146. <h4>{{ rooms_count() }}</h4>
  147. <p>Classes</p>
  148. </div>
  149. </div>
  150. <div class="col-md-3">
  151. <select class="form-control" id="select_year">
  152. {% for year in years()|reverse %}
  153. <option value="{{ year.id }}" {% if app.session.get('session_school_year') == year.id %}selected{% endif %}>{{ year.code }}</option>
  154. {% endfor %}
  155. </select>
  156. </div>
  157. </div>
  158. {% endif %}
  160. {% block content %}{% endblock %}
  161. </section>
  163. </div>
  165. </div>
  166. {% endblock %}
  168. {% block footer %}{% endblock %}
  170. {% block javascripts %}
  171. {{ parent() }}
  172. <script src="{{ asset('assets/js/jquery.cookie.js') }}"></script>
  173. <script src="{{ asset('assets/js/grasp_mobile_progress_circle-1.0.0.min.js') }}"></script>
  174. <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
  175. <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
  177. <script>
  178. // Toggle sidebar menu
  179. $('#toggle-btn').on('click', function(e) {
  180. e.preventDefault();
  181. $('.side-navbar').toggleClass('collapsed');
  182. });
  184. // Changement d'année scolaire
  185. $('#select_year').on('change', function() {
  186. $.ajax({
  187. type: "POST",
  188. url: "{{ path('update_school_year') }}",
  189. data: { selectedSchoolYear: $(this).val() },
  190. success: function(){ location.reload(); },
  191. error: function(e){ console.log(e); alert("Echec."); }
  192. });
  193. });
  194. </script>
  195. {% endblock %}