templates/security/layout.html.twig line 1

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. {#
  76. Wrapper qui permet de rassembler le header et le content dans une même div pour mettre un bg spécifique
  77. Pas Iso DTV mais présent dans beaucoup de maquettes...
  78. #}
  79. {% if platform_front('security.wrapper_header_content') and wrapper_header_content.enabled %}
  80. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.wrapper) }}
  81. {#ITEM#}
  82. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.item) }}
  83. {#CONTAINER#}
  84. {{ macros.generateHtmlComponentStart(wrapper_header_content_config.container) }}
  85. {% endif %}
  87. {{ component('security.header','security.header') }}
  89. <main>
  90. <div class="{% block content_container %}container{% endblock %}">
  91. {% block content %}{% endblock %}
  92. </div>
  93. </main>
  95. {#
  96. Wrapper qui permet de rassembler le header et le content dans une même div pour mettre un bg spécifique
  97. Pas Iso DTV mais présent dans beaucoup de maquettes...
  98. #}
  99. {% if platform_front('security.wrapper_header_content') and wrapper_header_content.enabled %}
  100. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.wrapper) }}
  101. {#ITEM#}
  102. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.item) }}
  103. {#CONTAINER#}
  104. {{ macros.generateHtmlComponentEnd(wrapper_header_content_config.container) }}
  105. {% endif %}
  107. {% block footer %}
  108. {{ component('security.footer', 'security.footer') }}
  109. {% endblock footer %}
  110. </div>
  111. {% if platform_front('common.panels.enabled') %}
  112. {% include 'front/common/panel-right.html.twig' %}
  113. {% endif %}
  114. </body>
  116. {% include '@back/_common/flash.html.twig' %}
  118. {% block scripts %}
  119. {{ getTranslate() }}
  120. <script>
  121. console.log("Translation called")
  122. </script>
  123. <script src="{{ asset('build/assets/bower_components/bootstrap4/dist/js/bootstrap.bundle.min.js') }}?v={{ version }}"></script>
  124. <script src="{{ asset('build/assets/bower_components/jquery-popup-overlay/jquery.popupoverlay.js') }}?v={{ version }}"></script>
  125. <script src="{{ asset('build/assets/bower_components/moment/min/moment.min.js') }}?v={{ version }}"></script>
  126. <script src="{{ asset('build/assets/plugins/cookieconsent2/build/cookieconsent.min.js') }}?v={{ version }}"
  127. data-cfasync="false"></script>
  128. <script>
  129. let messageCookies;
  130. {% if platform_front('security.cookies.message') %}
  131. messageCookies = "{{ platform_front('security.cookies.message')|raw }}";
  132. {% endif %}
  133. </script>
  134. <script src="{{ asset('build/assets/js/front/common/cookieConsentInit.js') }}?v={{ version }}"></script>
  136. <script src="{{ asset('build/assets/templates/daikin/js/custom.js') }}?v={{ version }}"></script>
  137. <script src="{{ asset('build/assets/templates/daikin/js/rater.js') }}?v={{ version }}"></script>
  139. <script src="{{ asset('build/assets/bower_components/inputmask/dist/jquery.inputmask.min.js') }}?v={{ version }}"></script>
  141. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/parsley.min.js') }}?v={{ version }}"></script>
  142. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/i18n/fr.js') }}?v={{ version }}"></script>
  143. <script src="{{ asset('build/assets/bower_components/parsleyjs/dist/i18n/fr.extra.js') }}?v={{ version }}"></script>
  144. <script src="{{ asset('build/assets/js/front/parsley_validator.js') }}?v={{ version }}"></script>
  145. <script src="{{ asset('build/assets/js/dtv/common/confirmation.js') }}?v={{ version }}"></script>
  146. <script src="{{ asset('build/assets/js/dtv/common/spinner_button.js') }}?v={{ version }}"></script>
  147. <script src="{{ asset('build/assets/js/front/security/cookie.js') }}?v={{ version }}"></script>
  149. <script>
  150. $( '.toggle-password' ).on('click', function () {
  152. $( this ).toggleClass( 'fa-eye fa-eye-slash' );
  153. let input = $( $( this ).attr( 'data-toggle' ) );
  154. if ( input.attr( 'type' ) === 'password' ) {
  155. input.attr( 'type', 'text' );
  156. } else {
  157. input.attr( 'type', 'password' );
  158. }
  159. } );
  161. const init_inputmask = function () {
  162. $('[data-inputmask]').inputmask();
  163. };
  165. $(function () {
  166. init_inputmask();
  168. console.log('pk', '{{ platform.global.project_key|md5 }}' )
  169. });
  171. </script>
  172. {# @TODO: fichiers par component si besoin, acl, fichiers en fonction des pages ? #}
  173. {% if platform_front('security.js_files') %}
  174. {% for file in platform_front('security.js_files') %}
  175. <script src="{{ asset(file) }}?v={{ version }}"></script>
  176. {% endfor %}
  177. {% endif %}
  179. {% endblock scripts %}
  180. </html>