templates/layout/backEndLayout.html.twig line 73

Open in your IDE?
  1. {% extends 'layout/base.html.twig' %}
  3. {% block stylesheets %}
  4. {{ parent() }}
  5. <link href="{{ asset('assets/js/grasp_mobile_progress_circle-1.0.0.min.js') }}" rel="stylesheet" type="text/css" />
  6. <link href="{{ asset('assets/css/jquery.mCustomScrollbar.css') }}" rel="stylesheet" type="text/css" />
  7. <link rel="stylesheet" href="{{ asset('assets/css/style.blue.css') }}">
  8. <link rel="stylesheet" href="{{ asset('assets/css/jquery.mCustomScrollbar.css') }}">
  9. <link rel="stylesheet" href="{{ asset('assets/cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css') }}">
  11. <style>
  12. /* Sidebar */
  13. .side-navbar {
  14. position: fixed;
  15. top: 0;
  16. left: 0;
  17. width: 220px;
  18. height: 100vh;
  19. background: #2f3e47;
  20. color: white;
  21. overflow-y: auto;
  22. transition: all 0.3s ease;
  23. z-index: 999;
  24. }
  25. .side-navbar a { color: #d1d4d6; display:block; padding:10px 15px; }
  26. .side-navbar a:hover { background:#1e2a31; color:white; }
  27. .sidenav-header img { width:70px; border-radius:50%; margin-bottom:10px; }
  29. /* Collapsed sidebar (mobile) */
  30. .side-navbar.collapsed {
  31. left: -220px;
  32. }
  34. /* Content */
  35. .flex-grow-1 {
  36. margin-left: 220px;
  37. transition: margin 0.3s ease;
  38. }
  39. .side-navbar.collapsed ~ .flex-grow-1 {
  40. margin-left: 0;
  41. }
  43. /* Header */
  44. .header { background:white; border-bottom:1px solid #eee; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; }
  46. /* Dashboard cards */
  47. .dashboard-card { background:white; border-radius:8px; padding:15px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; }
  48. .dashboard-card i { font-size:2em; margin-bottom:5px; }
  50. /* Toggle button */
  51. #toggle-btn { font-size:1.3em; cursor:pointer; color:#2f3e47; }
  53. /* Responsive */
  54. @media (max-width: 768px) {
  55. .flex-grow-1 { margin-left: 0; }
  56. .side-navbar { left: -220px; }
  57. .side-navbar.collapsed { left: 0; }
  58. }
  59. </style>
  60. {% endblock %}
  62. {% block title %}
  63. {{ parent() }} / Administration
  64. {% endblock %}
  66. {% block main %}
  67. <div class="d-flex">
  69. {# Sidebar #}
  70. {% block sidebar %}
  71. <nav class="side-navbar">
  72. <div class="side-navbar-wrapper">
  73. {% block identification %}
  74. <div class="sidenav-header d-flex align-items-center justify-content-center">
  75. <div class="sidenav-header-inner text-center">
  76. <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">
  77. <h2 class="h5 text-uppercase"></h2>
  78. <span class="text-uppercase">
  79. {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  80. {{ app.user.username }}
  81. {% endif %}
  82. </span>
  83. </div>
  84. <div class="sidenav-header-logo">
  85. <a href="index.html" class="brand-small text-center">
  86. <strong></strong>
  87. <strong class="text-primary">D</strong>
  88. </a>
  89. </div>
  90. </div>
  91. {% endblock identification %}
  93. {% block menu %}
  94. <div class="main-menu">
  95. <ul id="side-main-menu" class="side-menu list-unstyled">
  96. {% if is_granted('ROLE_ADMIN') %}
  97. <li class="{% if app.request.attributes.get('_route') == "admin_school_years" %}active{% endif %}">
  98. <a href="{{ path('admin_school_years') }}">
  99. <i class="fa fa-calendar" aria-hidden="true"></i>
  100. <span>Années scolaires</span>
  101. </a>
  102. </li>
  103. <li class="{% if app.request.attributes.get('_route') == "admin_quaters" %}active{% endif %}">
  104. <a href="{{ path('admin_quaters') }}">
  105. <i class="fa fa-calendar-check-o" aria-hidden="true"></i>
  106. <span>Trimestres</span>
  107. </a>
  108. </li>
  109. <li class="{% if app.request.attributes.get('_route') == "admin_sequences" %}active{% endif %}">
  110. <a href="{{ path('admin_sequences') }}">
  111. <i class="fa fa-calendar-minus-o" aria-hidden="true"></i>
  112. <span>Séquences</span>
  113. </a>
  114. </li>
  115. <li class="{% if app.request.attributes.get('_route') == "admin_programs" %}active{% endif %}">
  116. <a href="{{ path('admin_programs') }}">
  117. <i class="fa fa-table" aria-hidden="true"></i>
  118. <span>Programmes</span>
  119. </a>
  120. </li>
  121. <li class="{% if app.request.attributes.get('_route') == "admin_sections" %}active{% endif %}">
  122. <a href="{{ path('admin_sections') }}">
  123. <i class="fa fa-th-large" aria-hidden="true"></i>
  124. <span>Sections</span>
  125. </a>
  126. </li>
  127. <li class="{% if app.request.attributes.get('_route') == "admin_cycles" %}active{% endif %}">
  128. <a href="{{ path('admin_cycles') }}">
  129. <i class="fa fa-th-list" aria-hidden="true"></i>
  130. <span>Cycles</span>
  131. </a>
  132. </li>
  133. <li class="{% if app.request.attributes.get('_route') == "admin_levels" %}active{% endif %}">
  134. <a href="{{ path('admin_levels') }}">
  135. <i class="fa fa-list-ul" aria-hidden="true"></i>
  136. <span>Niveaux</span>
  137. </a>
  138. </li>
  139. <li class="{% if app.request.attributes.get('_route') == "admin_classrooms" %}active{% endif %}">
  140. <a href="{{ path('admin_classrooms') }}">
  141. <i class="fa fa-indent" aria-hidden="true"></i>
  142. <span>Classes</span>
  143. </a>
  144. </li>
  145. <li class="{% if app.request.attributes.get('_route') == "admin_modules" %}active{% endif %}">
  146. <a href="{{ path('admin_modules') }}">
  147. <i class="fa fa-folder-open-o" aria-hidden="true"></i>
  148. <span>Module</span>
  149. </a>
  150. </li>
  151. <li class="{% if app.request.attributes.get('_route') == "admin_domains" %}active{% endif %}">
  152. <a href="{{ path('admin_domains') }}">
  153. <i class="fa fa-user-md" aria-hidden="true"></i>
  154. <span>Departement.</span>
  155. </a>
  156. </li>
  157. <li class="{% if app.request.attributes.get('_route') == "admin_courses" %}active{% endif %}">
  158. <a href="{{ path('admin_courses') }}">
  159. <i class="fa fa-book" aria-hidden="true"></i>
  160. <span>Matières</span>
  161. </a>
  162. </li>
  163. <li class="{% if app.request.attributes.get('_route') == "admin_subscriptions" %}active{% endif %}">
  164. <a href="{{ path('admin_subscriptions') }}">
  165. <i class="fa fa-exchange" aria-hidden="true"></i>
  166. <span>Inscriptions</span>
  167. </a>
  168. </li>
  169. <li class="{% if app.request.attributes.get('_route') == "admin_students" %}active{% endif %}">
  170. <a href="{{ path('admin_students', { 'type': "new_students_not_yet_registered_checkbox" }) }}">
  171. <i class="fa fa-users"></i>
  172. <span>Eleves</span>
  173. </a>
  174. </li>
  175. <li class="{% if app.request.attributes.get('_route') == "admin_attributions" %}active{% endif %}">
  176. <a href="{{ path('admin_attributions') }}">
  177. <i class="fa fa-map-signs" aria-hidden="true"></i>
  178. <span>Attributions</span>
  179. </a>
  180. </li>
  181. <li class="{% if app.request.attributes.get('_route') == "admin_users" %}active{% endif %}">
  182. <a href="{{ path('admin_users') }}">
  183. <i class="fa fa-user" aria-hidden="true"></i>
  184. <span>Personnel</span>
  185. </a>
  186. </li>
  188. {# ================================================= #}
  189. {# ================= MENU FINANCES ================= #}
  190. {# ================================================= #}
  192. <li class="
  193. {% if app.request.attributes.get('_route') starts with 'app_finance_' %}
  194. active
  195. {% endif %}
  196. ">
  197. <a href="{{ path('app_finance_dashboard') }}">
  198. <i class="fa fa-money"></i>
  199. <span>Finances</span>
  200. </a>
  202. <ul class="list-unstyled">
  204. <li class="{% if app.request.attributes.get('_route') == 'app_finance_dashboard' %}active{% endif %}">
  205. <a href="{{ path('app_finance_dashboard') }}">
  206. <i class="fa fa-dashboard"></i>
  207. Tableau de bord
  208. </a>
  209. </li>
  211. <li class="{% if app.request.attributes.get('_route') starts with 'app_finance_fee_definition' %}active{% endif %}">
  212. <a href="{{ path('app_finance_fee_definition_index') }}">
  213. <i class="fa fa-list-alt"></i>
  214. Définitions des frais
  215. </a>
  216. </li>
  218. <li class="{% if app.request.attributes.get('_route') starts with 'app_finance_payment_' %}active{% endif %}">
  219. <a href="{{ path('app_finance_payment_list') }}">
  220. <i class="fa fa-credit-card"></i>
  221. Paiements
  222. </a>
  223. </li>
  225. </ul>
  226. </li>
  228. {# ============== FIN MENU FINANCES ============== #}
  231. <li class="{% if app.request.attributes.get('_route') == "financial_scope_index" %}active{% endif %}">
  232. <a href="{{ path('financial_scope_index') }}">
  233. <i class="fa fa-hand-holding-usd" aria-hidden="true"></i>
  234. <span>Financier</span>
  235. </a>
  236. </li>
  237. <li class="{% if app.request.attributes.get('_route') == "admin_statistics" %}active{% endif %}">
  238. <a href="{{ path('admin_statistics') }}">
  239. <i class="fa fa-area-chart" aria-hidden="true"></i>
  240. <span>Statistiques</span>
  241. </a>
  242. </li>
  243. {% endif %}
  245. <li class="{% if app.request.attributes.get('_route') == "admin_evaluations" %}active{% endif %}">
  246. <a href="{{ path('admin_evaluations') }}">
  247. <i class="fa fa-file-pdf-o" aria-hidden="true"></i>
  248. <span>Evaluations</span>
  249. </a>
  250. </li>
  252. {% if is_granted('ROLE_DISCIPLINE') %}
  253. <li class="{% if app.request.attributes.get('_route') == "admin_abscences_sheet_index" %}active{% endif %}">
  254. <a href="{{ path('admin_abscences_sheet_index') }}">
  255. <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>
  256. <span>Discipline</span>
  257. </a>
  258. </li>
  259. {% endif %}
  261. {% if is_granted('ROLE_FINANCIAL') %}
  262. <li class="{% if app.request.attributes.get('_route') == "app_payment_index" %}active{% endif %}">
  263. <a href="{{ path('app_payment_index') }}">
  264. <i class="fa fa-credit-card" aria-hidden="true"></i>
  265. <span>Payment</span>
  266. </a>
  267. </li>
  268. <li class="{% if app.request.attributes.get('_route') == "admin_paymentPlans" %}active{% endif %}">
  269. <a href="{{ path('admin_paymentPlans') }}">
  270. <i class="fa fa-clock-o" aria-hidden="true"></i>
  271. <span>Scolarite</span>
  272. </a>
  273. </li>
  274. {% endif %}
  276. <li class="{% if app.request.attributes.get('_route') == "app_account" %}active{% endif %}">
  277. <a href="{{ path('app_account') }}">
  278. <i class="fa fa-user-circle"></i>
  279. <span>Account</span>
  280. </a>
  281. </li>
  282. </ul>
  283. </div>
  284. {% endblock menu %}
  285. </div>
  286. </nav>
  287. {% endblock sidebar %}
  289. <div class="page home-page">
  290. {% block header %}
  291. <header class="header d-flex align-items-center justify-content-between">
  292. <a id="toggle-btn" href="#" class="menu-btn"><i class="fa fa-bars"></i></a>
  293. <a href="{{ path('app_home') }}" class="navbar-brand text-center">
  294. <strong class="text-primary">SCHOOL MANAGEMENT SYSTEM</strong>
  295. </a>
  296. {% if app.user %}
  297. <a id="logout_btn" href="#" onclick="event.preventDefault(); document.getElementById('js-logout-form').submit();" class="btn btn-warning">
  298. <i class="fa fa-sign-out"></i>
  299. </a>
  300. <form id="js-logout-form" action="{{ path('app_logout') }}" style="display:none;" method="POST">
  301. <input type="hidden" name="_csrf_token" value="{{ csrf_token('logout') }}">
  302. </form>
  303. {% endif %}
  304. </header>
  305. {% endblock %}
  307. <section class="container-fluid mt-4">
  308. {% if is_granted('ROLE_ADMIN') %}
  309. <div class="row mb-4">
  310. <div class="col-md-3">
  311. <div class="dashboard-card text-center">
  312. <i class="fa fa-graduation-cap text-primary"></i>
  313. <h4>{{ students_count() }}</h4>
  314. <p>Élèves</p>
  315. </div>
  316. </div>
  317. <div class="col-md-3">
  318. <div class="dashboard-card text-center">
  319. <i class="fa fa-users text-success"></i>
  320. <h4>{{ teachers_count() }}</h4>
  321. <p>Enseignants</p>
  322. </div>
  323. </div>
  324. <div class="col-md-3">
  325. <div class="dashboard-card text-center">
  326. <i class="fa fa-home text-warning"></i>
  327. <h4>{{ rooms_count() }}</h4>
  328. <p>Classes</p>
  329. </div>
  330. </div>
  331. <div class="col-md-3">
  332. <select class="form-control" id="select_year">
  333. {% for year in years()|reverse %}
  334. <option value="{{ year.id }}" {% if app.session.get('session_school_year') == year.id %}selected{% endif %}>{{ year.code }}</option>
  335. {% endfor %}
  336. </select>
  337. </div>
  338. </div>
  339. {% endif %}
  341. {% block content %}{% endblock %}
  342. </section>
  344. </div>
  346. </div>
  347. {% endblock %}
  349. {% block footer %}{% endblock %}
  351. {% block javascripts %}
  352. {{ parent() }}
  353. <script src="{{ asset('assets/js/jquery.cookie.js') }}"></script>
  354. <script src="{{ asset('assets/js/grasp_mobile_progress_circle-1.0.0.min.js') }}"></script>
  355. <script src="{{ asset('assets/js/jquery.validate.min.js') }}"></script>
  356. <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
  358. <script>
  359. // Toggle sidebar menu
  360. $('#toggle-btn').on('click', function(e) {
  361. e.preventDefault();
  362. $('.side-navbar').toggleClass('collapsed');
  363. });
  365. // Changement d'année scolaire
  366. $('#select_year').on('change', function() {
  367. $.ajax({
  368. type: "POST",
  369. url: "{{ path('update_school_year') }}",
  370. data: { selectedSchoolYear: $(this).val() },
  371. success: function(){ location.reload(); },
  372. error: function(e){ console.log(e); alert("Echec."); }
  373. });
  374. });
  375. </script>
  376. {% endblock %}