templates/layout/backEndLayout.html.twig line 74

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 d-flex align-items-center justify-content-center">
  73. <div class="sidenav-header-inner text-center">
  74. <img src={% if is_granted("IS_AUTHENTICATED_REMEMBERED") %} "{{ app.user.avatar(75) }}" {% else %} {{ asset("img/avatar-2.jpg") }} {% endif %} class="img-fluid rounded-circle" alt="user-avatar">
  75. <h2 class="h5 text-uppercase"></h2>
  76. <span class="text-uppercase">
  77. {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  78. {{ app.user.username }}
  79. {% endif %}
  80. </span>
  81. </div>
  82. <div class="sidenav-header-logo">
  83. <a href="index.html" class="brand-small text-center">
  84. <strong></strong>
  85. <strong class="text-primary">D</strong>
  86. </a>
  87. </div>
  88. </div>
  89. {% endblock identification %}
  91. {% block menu %}
  92. <div class="main-menu">
  93. <ul id="side-main-menu" class="side-menu list-unstyled">
  94. {% if is_granted('ROLE_ADMIN') %}
  95. <li class="{% if app.request.attributes.get('_route') == "admin_school_years" %}active{% endif %}">
  96. <a href="{{ path('admin_school_years') }}">
  97. <i class="fa fa-calendar" aria-hidden="true"></i>
  98. <span>Années scolaires</span>
  99. </a>
  100. </li>
  101. <li class="{% if app.request.attributes.get('_route') == "admin_quaters" %}active{% endif %}">
  102. <a href="{{ path('admin_quaters') }}">
  103. <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
  104. <span>Trimestres</span>
  105. </a>
  106. </li>
  107. <li class="{% if app.request.attributes.get('_route') == "admin_sequences" %}active{% endif %}">
  108. <a href="{{ path('admin_sequences') }}">
  109. <i class="fa fa-calendar-minus-o" aria-hidden="true"></i>
  110. <span>Séquences</span>
  111. </a>
  112. </li>
  113. <li class="{% if app.request.attributes.get('_route') == "admin_programs" %}active{% endif %}">
  114. <a href="{{ path('admin_programs') }}">
  115. <i class="fa fa-table" aria-hidden="true"></i>
  116. <span>Programmes</span>
  117. </a>
  118. </li>
  119. <li class="{% if app.request.attributes.get('_route') == "admin_sections" %}active{% endif %}">
  120. <a href="{{ path('admin_sections') }}">
  121. <i class="fa fa-th-large" aria-hidden="true"></i>
  122. <span>Sections</span>
  123. </a>
  124. </li>
  125. <li class="{% if app.request.attributes.get('_route') == "admin_cycles" %}active{% endif %}">
  126. <a href="{{ path('admin_cycles') }}">
  127. <i class="fa fa-th-list" aria-hidden="true"></i>
  128. <span>Cycles</span>
  129. </a>
  130. </li>
  131. <li class="{% if app.request.attributes.get('_route') == "admin_levels" %}active{% endif %}">
  132. <a href="{{ path('admin_levels') }}">
  133. <i class="fa fa-list-ul" aria-hidden="true"></i>
  134. <span>Niveaux</span>
  135. </a>
  136. </li>
  137. <li class="{% if app.request.attributes.get('_route') == "admin_classrooms" %}active{% endif %}">
  138. <a href="{{ path('admin_classrooms') }}">
  139. <i class="fa fa-indent" aria-hidden="true"></i>
  140. <span>Classes</span>
  141. </a>
  142. </li>
  143. <li class="{% if app.request.attributes.get('_route') == "admin_modules" %}active{% endif %}">
  144. <a href="{{ path('admin_modules') }}">
  145. <i class="fa fa-folder-open-o" aria-hidden="true"></i>
  146. <span>Module</span>
  147. </a>
  148. </li>
  149. <li class="{% if app.request.attributes.get('_route') == "admin_domains" %}active{% endif %}">
  150. <a href="{{ path('admin_domains') }}">
  151. <i class="fa fa-user-md" aria-hidden="true"></i>
  152. <span>Departement.</span>
  153. </a>
  154. </li>
  155. <li class="{% if app.request.attributes.get('_route') == "admin_courses" %}active{% endif %}">
  156. <a href="{{ path('admin_courses') }}">
  157. <i class="fa fa-book" aria-hidden="true"></i>
  158. <span>Matières</span>
  159. </a>
  160. </li>
  161. <li class="{% if app.request.attributes.get('_route') == "admin_subscriptions" %}active{% endif %}">
  162. <a href="{{ path('admin_subscriptions') }}">
  163. <i class="fa fa-exchange" aria-hidden="true"></i>
  164. <span>Inscriptions</span>
  165. </a>
  166. </li>
  167. <li class="{% if app.request.attributes.get('_route') == "admin_students" %}active{% endif %}">
  168. <a href="{{ path('admin_students', { 'type': "new_students_not_yet_registered_checkbox" }) }}">
  169. <i class="fa fa-users"></i>
  170. <span>Eleves</span>
  171. </a>
  172. </li>
  173. <li class="{% if app.request.attributes.get('_route') == "admin_attributions" %}active{% endif %}">
  174. <a href="{{ path('admin_attributions') }}">
  175. <i class="fa fa-map-signs" aria-hidden="true"></i>
  176. <span>Attributions</span>
  177. </a>
  178. </li>
  179. <li class="{% if app.request.attributes.get('_route') == "admin_users" %}active{% endif %}">
  180. <a href="{{ path('admin_users') }}">
  181. <i class="fa fa-user" aria-hidden="true"></i>
  182. <span>Personnel</span>
  183. </a>
  184. </li>
  186. {# ================================================= #}
  187. {# ================= MENU FINANCES ================= #}
  188. {# ================================================= #}
  190. <li class="
  191. {% if app.request.attributes.get('_route') starts with 'app_finance_' %}
  192. active
  193. {% endif %}
  194. ">
  195. <a href="{{ path('app_finance_dashboard') }}">
  196. <i class="fa fa-money"></i>
  197. <span>Finances</span>
  198. </a>
  200. <ul class="list-unstyled">
  202. <li class="{% if app.request.attributes.get('_route') == 'app_finance_dashboard' %}active{% endif %}">
  203. <a href="{{ path('app_finance_dashboard') }}">
  204. <i class="fa fa-dashboard"></i>
  205. Tableau de bord
  206. </a>
  207. </li>
  209. <li class="{% if app.request.attributes.get('_route') starts with 'app_finance_fee_definition' %}active{% endif %}">
  210. <a href="{{ path('app_finance_fee_definition_index') }}">
  211. <i class="fa fa-list-alt"></i>
  212. Définitions des frais
  213. </a>
  214. </li>
  216. <li class="{% if app.request.attributes.get('_route') starts with 'app_finance_payment_' %}active{% endif %}">
  217. <a href="{{ path('app_finance_payment_list') }}">
  218. <i class="fa fa-credit-card"></i>
  219. Paiements
  220. </a>
  221. </li>
  223. </ul>
  224. </li>
  226. {# ============== FIN MENU FINANCES ============== #}
  229. <li class="{% if app.request.attributes.get('_route') == "financial_scope_index" %}active{% endif %}">
  230. <a href="{{ path('financial_scope_index') }}">
  231. <i class="fa fa-hand-holding-usd" aria-hidden="true"></i>
  232. <span>Financier</span>
  233. </a>
  234. </li>
  235. <li class="{% if app.request.attributes.get('_route') == "admin_statistics" %}active{% endif %}">
  236. <a href="{{ path('admin_statistics') }}">
  237. <i class="fa fa-area-chart" aria-hidden="true"></i>
  238. <span>Statistiques</span>
  239. </a>
  240. </li>
  241. {% endif %}
  243. <li class="{% if app.request.attributes.get('_route') == "admin_evaluations" %}active{% endif %}">
  244. <a href="{{ path('admin_evaluations') }}">
  245. <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
  246. <span>Evaluations</span>
  247. </a>
  248. </li>
  250. {% if is_granted('ROLE_DISCIPLINE') %}
  251. <li class="{% if app.request.attributes.get('_route') == "admin_abscences_sheet_index" %}active{% endif %}">
  252. <a href="{{ path('admin_abscences_sheet_index') }}">
  253. <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
  254. <span>Discipline</span>
  255. </a>
  256. </li>
  257. {% endif %}
  259. {% if is_granted('ROLE_FINANCIAL') %}
  260. <li class="{% if app.request.attributes.get('_route') == "app_payment_index" %}active{% endif %}">
  261. <a href="{{ path('app_payment_index') }}">
  262. <i class="fa fa-credit-card" aria-hidden="true"></i>
  263. <span>Payment</span>
  264. </a>
  265. </li>
  266. <li class="{% if app.request.attributes.get('_route') == "admin_paymentPlans" %}active{% endif %}">
  267. <a href="{{ path('admin_paymentPlans') }}">
  268. <i class="fa fa-clock-o" aria-hidden="true"></i>
  269. <span>Scolarite</span>
  270. </a>
  271. </li>
  272. {% endif %}
  274. <li class="{% if app.request.attributes.get('_route') == "app_account" %}active{% endif %}">
  275. <a href="{{ path('app_account') }}">
  276. <i class="fa fa-user-circle"></i>
  277. <span>Account</span>
  278. </a>
  279. </li>
  280. </ul>
  281. </div>
  282. {% endblock menu %}
  283. </div>
  284. </nav>
  285. {% endblock sidebar %}
  287. <div class="page home-page">
  288. {% block header %}
  289. <header class="header d-flex align-items-center justify-content-between">
  290. <a id="toggle-btn" href="#" class="menu-btn"><i class="fa fa-bars"></i></a>
  291. <a href="{{ path('app_home') }}" class="navbar-brand text-center">
  292. <strong class="text-primary">SCHOOL MANAGEMENT SYSTEM</strong>
  293. </a>
  294. {% if app.user %}
  295. <a id="logout_btn" href="#" onclick="event.preventDefault(); document.getElementById('js-logout-form').submit();" class="btn btn-warning">
  296. <i class="fa fa-sign-out"></i>
  297. </a>
  298. <form id="js-logout-form" action="{{ path('app_logout') }}" style="display:none;" method="POST">
  299. <input type="hidden" name="_csrf_token" value="{{ csrf_token('logout') }}">
  300. </form>
  301. {% endif %}
  302. </header>
  303. {% endblock %}
  305. <section class="container-fluid mt-4">
  306. {% if is_granted('ROLE_ADMIN') %}
  307. <div class="row mb-4">
  308. <div class="col-md-3">
  309. <div class="dashboard-card text-center">
  310. <i class="fa fa-graduation-cap text-primary"></i>
  311. <h4>{{ students_count() }}</h4>
  312. <p>Élèves</p>
  313. </div>
  314. </div>
  315. <div class="col-md-3">
  316. <div class="dashboard-card text-center">
  317. <i class="fa fa-users text-success"></i>
  318. <h4>{{ teachers_count() }}</h4>
  319. <p>Enseignants</p>
  320. </div>
  321. </div>
  322. <div class="col-md-3">
  323. <div class="dashboard-card text-center">
  324. <i class="fa fa-home text-warning"></i>
  325. <h4>{{ rooms_count() }}</h4>
  326. <p>Classes</p>
  327. </div>
  328. </div>
  329. <div class="col-md-3">
  330. <select class="form-control" id="select_year">
  331. {% for year in years()|reverse %}
  332. <option value="{{ year.id }}" {% if app.session.get('session_school_year') == year.id %}selected{% endif %}>{{ year.code }}</option>
  333. {% endfor %}
  334. </select>
  335. </div>
  336. </div>
  337. {% endif %}
  339. {% block content %}{% endblock %}
  340. </section>
  342. </div>
  344. </div>
  345. {% endblock %}
  347. {% block footer %}{% endblock %}
  349. {% block javascripts %}
  350. {{ parent() }}
  351. <script src="{{ asset('assets/js/jquery.cookie.js') }}"></script>
  352. <script src="{{ asset('assets/js/grasp_mobile_progress_circle-1.0.0.min.js') }}"></script>
  353. <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
  354. <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
  356. <script>
  357. // Toggle sidebar menu
  358. $('#toggle-btn').on('click', function(e) {
  359. e.preventDefault();
  360. $('.side-navbar').toggleClass('collapsed');
  361. });
  363. // Changement d'année scolaire
  364. $('#select_year').on('change', function() {
  365. $.ajax({
  366. type: "POST",
  367. url: "{{ path('update_school_year') }}",
  368. data: { selectedSchoolYear: $(this).val() },
  369. success: function(){ location.reload(); },
  370. error: function(e){ console.log(e); alert("Echec."); }
  371. });
  372. });
  373. </script>
  374. {% endblock %}