templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Intranet de l'amicale des Sapeurs Pompiers de Dol de Bretagne.">
  7. <meta name="keywords" content="intranet, dol de bretagne, amicale">
  8. {% block meta %}
  9. <meta name="description" content="Intranet de l'amicale des Sapeurs Pompiers de Dol de Bretagne.">
  10. <meta name="keywords" content="intranet, dol de bretagne, amicale">
  11. {% endblock %}
  13. <title>Amicale - {{ block('header')|escape|raw }}</title>
  15. {% block stylesheets %}
  16. {{ encore_entry_link_tags('app') }}
  17. {% endblock %}
  19. <!-- Favicons -->
  20. <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('apple-icon-57x57.png') }}">
  21. <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('apple-icon-60x60.png') }}">
  22. <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('apple-icon-72x72.png') }}">
  23. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('apple-icon-76x76.png') }}">
  24. <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('apple-icon-114x114.png') }}">
  25. <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('apple-icon-120x120.png') }}">
  26. <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('apple-icon-144x144.png') }}">
  27. <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('apple-icon-152x152.png') }}">
  28. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-icon-180x180.png') }}">
  29. <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('android-icon-192x192.png') }}">
  30. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
  31. <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('favicon-96x96.png') }}">
  32. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
  33. <link rel="manifest" href="{{ asset('manifest.json') }}">
  34. <meta name="msapplication-TileColor" content="#ffffff">
  35. <meta name="msapplication-TileImage" content="{{ asset('ms-icon-144x144.png') }}">
  36. <meta name="theme-color" content="#00000">
  38. {% block javascripts %}
  39. <script>
  40. let toasts = {{ app.flashes('toast')|json_encode|raw }};
  41. </script>
  42. {{ encore_entry_script_tags('app') }}
  43. {% endblock %}
  44. <script data-provide="sweetalert"></script>
  45. <noscript>Votre navigateur ne supporte pas le javascript. Celui-ci est indispensable pour le fonctionnement de
  46. l'intranet.
  47. </noscript>
  48. </head>
  50. <body class="amicale min-h-fullscreen bg-img {% block body %}{% endblock %}"
  51. style="background-image: url({{ asset('assets/bg/home_amicale_dol.jpg') }});"
  52. data-overlay="5"
  53. {% block body_complement %}{% endblock %}
  54. {{ stimulus_controller('global') }}
  55. >
  56. {% block full_body %}
  58. <!-- Sidebar -->
  59. <aside class="sidebar sidebar-expand-lg sidebar-iconic" id="sidebar" aria-label="Menu principal">
  60. <header class="sidebar-header">
  61. <span class="logo text-center">
  62. <a href="{% block link_homepage %}{{ path('default_homepage') }}{% endblock %}" class="div_logo">
  63. <img src="{{ asset('upload/logo/logo.jpg') }}" class="sidebar-logo"
  64. alt="Logo de l'amicale des sapeurs pompiers de Dol de Bretagne">
  65. </a>
  66. </span>
  67. </header>
  69. <nav class="sidebar-navigation ps-container ps-theme-default">
  70. <ul class="menu">
  71. {% block sidebar_menu %}
  72. <li class="menu-item active" id="menu-tableau-de-bord">
  73. <a class="menu-link" href="{{ path('administration') }}">
  74. <i class="{{ iconAdmin }} fa-2x"><span class="sr-only">administration</span></i>
  75. <span class="title">{{ 'menu.administration'|trans }}</span>
  76. </a>
  77. </li>
  78. <li class="menu-item active" id="menu-tableau-de-bord">
  79. <a class="menu-link" href="{{ path('default_homepage') }}">
  80. <i class="{{ iconMenuDashboard }} fa-2x"><span class="sr-only">dashboard</span></i>
  81. <span class="title">{{ 'menu.dashboard'|trans }}</span>
  82. </a>
  83. </li>
  84. <li class="menu-item active" id="menu-tableau-de-bord">
  85. <a class="menu-link" href="{{ path('location') }}">
  86. <i class="{{ iconApplications }} fa-2x"><span class="sr-only">location</span></i>
  87. <span class="title">{{ 'menu.location'|trans }}</span>
  88. </a>
  89. </li>
  90. <li class="menu-item active" id="menu-tableau-de-bord">
  91. <a class="menu-link" href="{{ path('amicale') }}">
  92. <i class="{{ iconPersonnel }} fa-2x"><span class="sr-only">amicale</span></i>
  93. <span class="title">{{ 'menu.amicale'|trans }}</span>
  94. </a>
  95. </li>
  96. <li class="menu-item active" id="menu-tableau-de-bord">
  97. <a class="menu-link" href="{{ path('partenaire') }}">
  98. <i class="{{ iconQualite }} fa-2x"><span class="sr-only">partenaire</span></i>
  99. <span class="title">{{ 'menu.partenaire'|trans }}</span>
  100. </a>
  101. </li>
  102. <li class="menu-item active" id="menu-tableau-de-bord">
  103. <a class="menu-link" href="mailto:amicalepompiersdol@gmail.com">
  104. <i class="{{ iconMessage }} fa-2x"><span class="sr-only">contact</span></i>
  105. <span class="title">{{ 'menu.contact'|trans }}</span>
  106. </a>
  107. </li>
  108. {% endblock %}
  109. </ul>
  110. </nav>
  111. </aside>
  112. <!-- END Sidebar -->
  114. <!-- Topbar -->
  117. <header class="topbar">
  119. <div class="topbar-left">
  120. <button type="button"
  121. class="topbar-btn sidebar-toggler mobile-menu-button"
  122. aria-controls="sidebar"
  123. aria-expanded="false"
  124. aria-label="Ouvrir le menu de navigation"
  125. title="Menu">
  126. <i class="fas fa-bars" aria-hidden="true"></i>
  127. <span class="mobile-menu-label">Menu</span>
  128. </button>
  129. </div>
  130. <div class="topbar-right">
  131. <div class="dropdown account-dropdown">
  132. <button type="button"
  133. class="topbar-btn account-toggle"
  134. data-bs-toggle="dropdown"
  135. aria-expanded="false"
  136. aria-label="Mon compte"
  137. title="Mon compte">
  138. <span class="account-avatar" aria-hidden="true">
  139. {% if app.user.photo %}
  140. <img src="{{ asset('uploads/photos/' ~ app.user.photo) }}" alt="Photo de profil" class="img-fluid rounded-circle">
  141. {% else %}
  142. {{ app.user.prenom|first|upper }}{{ app.user.nom|first|upper }}
  143. {% endif %}
  144. </span>
  145. <span class="account-name d-none d-md-inline">
  146. {{ app.user.prenom }} {{ app.user.nom }}
  147. </span>
  148. <i class="fas fa-chevron-down account-caret" aria-hidden="true"></i>
  149. </button>
  150. <div class="dropdown-menu dropdown-menu-end account-menu">
  151. <div class="account-menu-header">
  152. <div class="account-avatar account-avatar-lg" aria-hidden="true">
  153. {% if app.user.photo %}
  154. <img src="{{ asset('uploads/photos/' ~ app.user.photo) }}" alt="Photo de profil" class="img-fluid rounded-circle">
  155. {% else %}
  156. {{ app.user.prenom|first|upper }}{{ app.user.nom|first|upper }}
  157. {% endif %}
  158. </div>
  159. <div>
  160. <div class="account-menu-name">{{ app.user.prenom }} {{ app.user.nom }}</div>
  161. <a class="account-menu-subtitle" href="{{ path('account_management', {id: app.user.id}) }}">Mon compte</a>
  162. </div>
  163. </div>
  165. <div class="dropdown-divider"></div>
  167. <a class="dropdown-item account-item" href="{{ path('fiche', {id: app.user.id}) }}">
  168. <span class="fas fa-address-card fa-fw fa-color-card"></span>
  169. <span>{{ 'menu.fiche'|trans }}</span>
  170. </a>
  171. <a class="dropdown-item account-item" href="{{ path('family', {id: app.user.id}) }}">
  172. <span class="fas fa-people-roof fa-fw fa-color-family"></span>
  173. <span>{{ 'menu.family'|trans }}</span>
  174. </a>
  176. <div class="dropdown-divider"></div>
  178. <a class="dropdown-item account-item account-item-danger" href="{{ path('security_logout') }}">
  179. <span class="fas fa-power-off fa-fw fa-color-disconnect"></span>
  180. <span>{{ 'menu.disconnection'|trans }}</span>
  181. </a>
  182. </div>
  183. </div>
  184. </div>
  185. </header>
  186. <!-- END Topbar -->
  189. <!-- Main container -->
  190. <main class="main-container w-100"
  191. {% block stimulus %}{% endblock %}
  192. >
  193. <header class="header">
  194. <div class="header-info">
  195. <div class="left">
  196. <h1 class="header-title text-center" id="header-title">
  197. {% block header %}
  198. <strong>No title</strong>
  199. {% endblock %}
  200. </h1>
  201. </div>
  202. {% block headerright %}
  204. {% endblock %}
  205. </div>
  206. {% block headeractions %}
  208. {% endblock %}
  209. </header>
  211. <div class="main-content" id="mainContent">
  213. {% block content %}
  215. {% endblock %}
  217. <!-- bouton fab en bas de chaque page -->
  218. {% block fabactions %}
  220. {% endblock %}
  221. <!-- fin du bouton fab -->
  222. </div><!--/.main-content -->
  224. {% block footer %}
  225. <!-- Footer -->
  226. <footer class="site-footer">
  227. <div class="row">
  228. <div class="col-md-6">
  229. <p class="text-md-left">Copyright © {{ 'now'|date('Y') }}@AmicaleSPDol. All rights
  230. reserved | Version {{ version.version }}</p>
  231. </div>
  233. <div class="col-md-6">
  234. <ul class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end">
  235. <li class="nav-item">
  236. <a class="nav-link" target="_blank"
  237. href="{{ path('mentions_plan') }}">{{ 'menu.plan_du_site'|trans }}</a>
  238. </li>
  239. <li class="nav-item">
  240. <a class="nav-link" target="_blank"
  241. href="{{ path('mentions_index') }}">{{ 'menu.mentions_legales'|trans }}</a>
  242. </li>
  243. </ul>
  244. </div>
  245. </div>
  246. </footer><!-- END Footer -->
  247. {% endblock %}
  248. </main>
  249. <!-- END Main container -->
  250. {% endblock %}{# fin du block full body #}
  251. </body>
  252. </html>