templates/security/layout.html.twig line 98

Open in your IDE?
  1. {% import "@component/_template/_html_macro.html.twig" as macros %}
  2. {% if platform_front('security.wrapper_header_content') %}
  3. {% set wrapper_header_content = getFrontDataFromSettingOrYaml('front.security.wrapper_header_content', platform_front('security'), 'wrapper_header_content') %}
  4. {% set wrapper_header_content_config = generateComponentOptions(wrapper_header_content, 'wrapper_header_content') %}
  5. {% endif %}
  6. <!DOCTYPE html>
  7. <html lang="fr">
  8. <head>
  9. <title>{% block title %}{{ platform_global('seo.title') }}{% endblock title %}</title>
  11. {% include "front/common/layout.head_common_meta_link.html.twig" with {bootstrapVersion: '5'} %}
  13. {% block styles_global_vendor %}
  14. {# Styles venant de vendor / fonts / commun à l'ensemble du site #}
  15. <link rel="stylesheet" href="{{ asset('build/assets/plugins/cookieconsent2/build/cookieconsent.min.css') }}?v={{ version }}" />
  16. {% endblock styles_global_vendor %}
  18. {# Styles commun à l'ensemble du site #}
  19. {% if platform_front('theme') and platform_front('theme') not in ['', null] %}
  20. <link rel="stylesheet"
  21. href="{{ asset('build/assets/templates/' ~ platform_front('theme') ~'/scss/main.css') }}?v={{ version }}">
  22. <link rel="stylesheet"
  23. href="{{ asset('build/assets/templates/' ~ platform_front('theme') ~'/scss/security.css') }}?v={{ version }}">
  24. <link rel="stylesheet"
  25. href="{{ asset('build/assets/templates/' ~ platform_front('theme') ~'/scss/media-queries.css') }}?v={{ version }}">
  26. {% endif %}
  27. <link rel="stylesheet" href="{{ path('front_common_css_custom') }}">
  29. {# parsley hack pour help labels rouges #}
  30. <style rel="stylesheet">
  31. .fv-help-block {
  32. color : red !important;
  33. }
  34. .cc-window{
  35. border:1px solid #000000;
  36. }
  37. </style>
  38. {# end parsley hack #}
  40. {% block styles %}
  41. {# Styles spécifique à une page #}
  42. {% endblock styles %}
  44. {# Style global venant du fichier platform.[projet].yaml, doit avoir la priorité absolue sur tous les autres #}
  45. {% if platform_front('css_config.custom_css_files') %}
  46. {% for file in platform_front('css_config.custom_css_files') %}
  47. <link rel="stylesheet" href="{{ asset(file) }}?v={{ version }}">
  48. {% endfor %}
  49. {% endif %}
  51. {% if platform_front('common.custom_css') %}
  52. <style rel="stylesheet">
  53. {{ platform_front('common.custom_css')|raw }}
  54. </style>
  55. {% endif %}
  56. {% if platform_front('security.custom_css') %}
  57. <style rel="stylesheet">
  58. {{ platform_front('security.custom_css')|raw }}
  59. </style>
  60. {% endif %}
  62. {% block styles_custom %}
  63. {# Styles spécifique à une page et prioritaire par rapport au css global venant de platform.[projet].yaml #}
  64. {% endblock styles_custom %}
  66. {% include "front/common/layout.head_common_js.html.twig" %}
  67. <script>
  68. const cdn = '{{ cdn }}';
  69. </script>
  70. </head>
  72. <body class="security {% block bodyclass %}login{% endblock %} --theme-{{ platform_front('security.theme') ? getFrontDataFromSettingOrYaml('front.security.theme', platform_front('security'), 'theme') : 'light' }}">
  73. <div class="main-wrapper">
  75. {% for type, messages in app.flashes() %}
  76. {% for message in messages %}
  77. <div class="alert alert-{{ type }}">
  78. {{ message }}
  79. </div>
  80. {% endfor %}
  81. {% endfor %}
  82. {#
  83. Wrapper qui permet de rassembler le header et le content dans une même div pour mettre un bg spécifique
  84. Pas Iso DTV mais présent dans beaucoup de maquettes...
  85. #}
  86. {% if platform_front('security.wrapper_header_content') and wrapper_header_content.enabled %}
  87. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.wrapper) }}
  88. {#ITEM#}
  89. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.item) }}
  90. {#CONTAINER#}
  91. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.container) }}
  92. {% endif %}
  94. {{ component('security.header','security.header') }}
  96. <main>
  97. <div class="{% block content_container %}container{% endblock %}">
  98. {% block content %}{% endblock %}
  99. </div>
  100. </main>
  102. {#
  103. Wrapper qui permet de rassembler le header et le content dans une même div pour mettre un bg spécifique
  104. Pas Iso DTV mais présent dans beaucoup de maquettes...
  105. #}
  106. {% if platform_front('security.wrapper_header_content') and wrapper_header_content.enabled %}
  107. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.wrapper) }}
  108. {#ITEM#}
  109. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.item) }}
  110. {#CONTAINER#}
  111. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.container) }}
  112. {% endif %}
  114. {% block footer %}
  115. {{ component('security.footer', 'security.footer') }}
  116. {% endblock footer %}
  117. </div>
  118. {% if platform_front('common.panels.enabled') %}
  119. {% include 'front/common/panel-right.html.twig' %}
  120. {% endif %}
  121. </body>
  123. {% include '@back/_common/flash.html.twig' %}
  125. {% block scripts %}
  126. {{ getTranslate() }}
  127. <script>
  128. console.log("Translation called")
  129. </script>
  130. <script src="{{ asset('build/assets/bower_components/bootstrap4/dist/js/bootstrap.bundle.min.js') }}?v={{ version }}"></script>
  131. <script src="{{ asset('build/assets/bower_components/jquery-popup-overlay/jquery.popupoverlay.js') }}?v={{ version }}"></script>
  132. <script src="{{ asset('build/assets/bower_components/moment/min/moment.min.js') }}?v={{ version }}"></script>
  133. <script src="{{ asset('build/assets/plugins/cookieconsent2/build/cookieconsent.min.js') }}?v={{ version }}"
  134. data-cfasync="false"></script>
  135. <script>
  136. let messageCookies;
  137. {% if platform_front('security.cookies.message') %}
  138. messageCookies = "{{ platform_front('security.cookies.message')|raw }}";
  139. {% endif %}
  140. </script>
  141. <script src="{{ asset('build/assets/js/front/common/cookieConsentInit.js') }}?v={{ version }}"></script>
  143. <script src="{{ asset('build/assets/templates/daikin/js/custom.js') }}?v={{ version }}"></script>
  144. <script src="{{ asset('build/assets/templates/daikin/js/rater.js') }}?v={{ version }}"></script>
  146. <script src="{{ asset('build/assets/bower_components/inputmask/dist/jquery.inputmask.min.js') }}?v={{ version }}"></script>
  148. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/parsley.min.js') }}?v={{ version }}"></script>
  149. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/i18n/fr.js') }}?v={{ version }}"></script>
  150. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/i18n/fr.extra.js') }}?v={{ version }}"></script>
  151. <script src="{{ asset('build/assets/js/front/parsley_validator.js') }}?v={{ version }}"></script>
  152. <script src="{{ asset('build/assets/js/dtv/common/confirmation.js') }}?v={{ version }}"></script>
  153. <script src="{{ asset('build/assets/js/dtv/common/spinner_button.js') }}?v={{ version }}"></script>
  154. <script src="{{ asset('build/assets/js/front/security/cookie.js') }}?v={{ version }}"></script>
  156. <script>
  157. $( '.toggle-password' ).on('click', function () {
  159. $( this ).toggleClass( 'fa-eye fa-eye-slash' );
  160. let input = $( $( this ).attr( 'data-toggle' ) );
  161. if ( input.attr( 'type' ) === 'password' ) {
  162. input.attr( 'type', 'text' );
  163. } else {
  164. input.attr( 'type', 'password' );
  165. }
  166. } );
  168. const init_inputmask = function () {
  169. $('[data-inputmask]').inputmask();
  170. };
  172. $(function () {
  173. init_inputmask();
  175. console.log('pk', '{{ platform.global.project_key|md5 }}' )
  176. });
  178. {% if app.request.query.has(constant('App\\Constants\\Synchronisation::LOGIN_SKIP_QUERY_PARAMETER')) %}
  179. (function () {
  180. const skipSyncParam = {{ constant('App\\Constants\\Synchronisation::LOGIN_SKIP_QUERY_PARAMETER')|json_encode|raw }};
  181. const removeSkipSync = function () {
  182. const url = new URL(window.location.href);
  184. url.searchParams.delete(skipSyncParam);
  185. window.history.replaceState({}, document.title, url.pathname + url.search + url.hash);
  186. };
  188. if (document.readyState === 'loading') {
  189. document.addEventListener('DOMContentLoaded', removeSkipSync, { once: true });
  190. } else {
  191. removeSkipSync();
  192. }
  193. }());
  194. {% endif %}
  196. </script>
  197. {# @TODO: fichiers par component si besoin, acl, fichiers en fonction des pages ? #}
  198. {% if platform_front('security.js_files') %}
  199. {% for file in platform_front('security.js_files') %}
  200. <script src="{{ asset(file) }}?v={{ version }}"></script>
  201. {% endfor %}
  202. {% endif %}
  204. {% endblock scripts %}
  205. </html>