templates/security/LeCercleDaikin/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="Groupe 37Deux">
  9.     <title>Le Cercle DAIKIN</title>
  10.     {% block styles_global_vendor %}
  11.         {# Styles venant de vendor / fonts / commun à l'ensemble du site #}
  12.         <link rel="icon" type="image/png" sizes="32x32"
  13.               href="{{ asset('build/assets/images/' ~ platform.global.subdomain ~ '/favicon-16x16.png') }}?v={{ version }}">
  14.         <link rel="icon" type="image/png" sizes="16x16"
  15.               href="{{ asset('build/assets/images/' ~ platform.global.subdomain ~ '/favicon-32x32.png') }}?v={{ version }}">
  16.         <link rel="stylesheet"
  17.               href="{{ asset('build/assets/bower_components/bootstrap-3.2/dist/css/bootstrap.min.css') }}?v={{ version }}"/>
  18.         <link rel="stylesheet"
  19.               href="{{ asset('build/assets/plugins/cookieconsent2/build/cookieconsent.min.css') }}?v={{ version }}"/>
  20.         <link rel="stylesheet"
  21.               href="{{ asset('build/assets/bower_components/font-awesome-4/css/font-awesome.min.css') }}?v={{ version }}">
  22.     {% endblock styles_global_vendor %}
  23.     {% block styles_global %}
  24.         {# Styles commun à l'ensemble du site #}
  25.         <link rel="stylesheet" href="{{ asset('build/assets/templates/daikin/scss/main.css') }}?v={{ version }}">
  26.         <link rel="stylesheet" href="{{ asset('build/assets/templates/daikin/scss/login.css') }}?v={{ version }}">
  27.     {% endblock styles_global %}
  28.     <style>
  29.         .toggle-password {
  30.             position: absolute;
  31.             right: 20px;
  32.             top: 50%;
  33.             display: inline-block;
  34.             z-index: 2;
  35.             width: 30px;
  36.             line-height: 30px;
  37.             text-align: center;
  38.             margin-top: -15px;
  39.             cursor: pointer;
  40.         }
  41.         .general-document { display:block; padding: 3px 0}
  42.     </style>
  43.     {% block styles %}
  44.         {# Styles spécifique à une page #}
  45.     {% endblock styles %}
  46.     {# Style global venant du fichier platform.[projet].yaml, doit avoir la priorité absolue sur tous les autres #}
  47.     {# <style rel="stylesheet">
  48.             {{ platform.front.common.custom_css|raw }}
  49.         </style> #}
  50.     {% block styles_custom %}
  51.         {# Styles spécifique à une page et prioritaire par rapport au css global venant de platform.[projet].yaml #}
  52.     {% endblock styles_custom %}
  53.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  54.     <!--[if lt IE 9]>
  55.         <script src="{{ asset('build/assets/bower_components/html5shiv/dist/html5shiv.min.js') }}?v={{ version }}"></script>
  56.         <script src="{{ asset('build/assets/bower_components/respond/dest/respond.min.js') }}?v={{ version }}" ></script>
  57.         <![endif]-->
  58.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  59.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  60.     <script>
  61.         const cdn = '{{ cdn }}';
  62.     </script>
  63. </head>
  64. <body class="security {% block bodyclass %}login{% endblock %} --theme-{{ platform.front.security.theme is defined ? platform.front.security.theme : 'light' }}">
  65. <header class="login-register-header">
  66.     <div class="row text-center">
  67.         {% include '/platform/component/atom/img_static.html.twig' with {'img': platform.front.security.header.banner} %}
  68.     </div>
  69. </header>
  70. <main>
  71.     <div class="container">
  72.         {% block content %}{% endblock %}
  73.     </div>
  74. </main>
  75. <footer class="main-footer bg-grey">
  76.     <div class="container">
  77.         <div class="row flex-v-center">
  78.             <div class="col-xs-4 text-center">
  79.                 {{ component('security.footer.sections.section_contact') }}
  80.             </div>
  81.             <div class="col-xs-4 text-center">
  82.                 <img src="{{ asset('build/assets/images/front_office/footer_logo.png') }}" alt="">
  83.             </div>
  84.             <div class="col-xs-4 ">
  85.                 {{ component('security.footer.sections.section_document') }}
  86.             </div>
  87.         </div>
  88.     </div>
  89. </footer>
  90. {% include 'front/common/panel-right.html.twig' %}
  91. </body>
  92. {% include 'back/common/flash.html.twig' %}
  93. {% block scripts %}
  94.     <script src="{{ asset('build/assets/bower_components/jquery/dist/jquery.min.js') }}?v={{ version }}"></script>
  95.     <script src="{{ asset('build/assets/bower_components/bootstrap-3.2/dist/js/bootstrap.min.js') }}?v={{ version }}"></script>
  96.     <script src="{{ asset('build/assets/bower_components/jquery-popup-overlay/jquery.popupoverlay.js') }}?v={{ version }}"></script>
  97.     <script src="{{ asset('build/assets/plugins/cookieconsent2/build/cookieconsent.min.js') }}?v={{ version }}"
  98.             data-cfasync="false"></script>
  99.     <script src="{{ asset('build/assets/js/front/common/cookieConsentInit.js') }}?v={{ version }}"></script>
  100.     <script src="{{ asset('build/assets/templates/daikin/js/custom.js') }}?v={{ version }}"></script>
  101.     <script src="{{ asset('build/assets/templates/daikin/js/rater.js') }}?v={{ version }}"></script>
  102.     <script>
  103.         function closePanel() {
  104.             $( '#panel_wrap' ).removeClass( 'open' );
  105.         }
  106.         $( '.toggle-password' ).click( function () {
  107.             $( this ).toggleClass( 'fa-eye fa-eye-slash' );
  108.             let input = $( $( this ).attr( 'data-toggle' ) );
  109.             if ( input.attr( 'type' ) === 'password' ) {
  110.                 input.attr( 'type', 'text' );
  111.             } else {
  112.                 input.attr( 'type', 'password' );
  113.             }
  114.         } );
  115.         $(function () {
  116.             $('.close-panel').on('click', function (e) {
  117.                 e.stopPropagation();
  118.                 e.preventDefault();
  119.                 $( '#panel_wrap' ).removeClass( 'open' );
  120.             });
  121.             $('[data-display="rightSideBar"]').on('click', function (e) {
  122.                 e.preventDefault();
  123.                 e.stopPropagation();
  124.                 const $button = $(this);
  125.                 $.ajax(
  126.                     {
  127.                         url: Routing.generate('front_common_document_html', {slug: $(this).data('document-slug')}),
  128.                         method: 'GET',
  129.                     }
  130.                 )
  131.                     .done(function (response) {
  132.                         if (response.redirect === true) {
  133.                             $button.unbind('click').click();
  134.                         } else {
  135.                             const $panelWrap = $('#panel_wrap');
  136.                             const $panelContent = $panelWrap.find('.tab-content');
  137.                             $('#panel_layer').removeClass('d-none');
  138.                             $panelWrap.addClass('open');
  139.                             $panelContent.html(response.html);
  140.                         }
  141.                     });
  142.             });
  143.             $('[data-display="modal"]').on('click', function (e) {
  144.                 e.preventDefault();
  145.                 e.stopPropagation();
  146.                 const $modal = $('#document_modal');
  147.                 $.ajax(
  148.                     {
  149.                         url: Routing.generate('front_common_document_html', {slug: $(this).data('document-slug')}),
  150.                         method: 'GET',
  151.                     }
  152.                 )
  153.                     .done(function (response) {
  154.                         $modal.find('#document_title').html(response.title);
  155.                         $modal.find('#document_body').html(response.html);
  156.                         $modal.modal('show');
  157.                     });
  158.             });
  159.         });
  160.     </script>
  161. {% endblock scripts %}
  162. </html>