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>