templates/charte/woody/construction.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.0">
  7.         <!-- titre -->
  8.         <title>En construction</title>
  10.         <!-- description -->
  11.         <meta content="Ce site est en construction" name="description">
  13.         <!-- template headHtml -->
  14.         {{ idSite.charte.headHtml|raw }}
  16.     </head>
  19.     <body>
  21.         {# loading template #}
  22.         {{ idSite.charte.loadingHtml|raw }}
  26.         <!-- Page Header Start -->
  27.         <div class="container-fluid page-construction py-5 mb-5">
  28.             {% if user is not null %}
  29.             <div class="" style="text-align:right; position:absolute; width:100%; padding:0 15px;">
  30.                 <a href="{{ path('secur_login') }}">
  31.                     <button class="btn btn-primary">Login</button>
  32.                 </a>
  33.             </div>
  34.             {% endif %}
  35.             <div class="container py-5">
  36.                 <h1 class="display-3 text-white mb-3 animated slideInDown">
  37.                     {{ idSite.domaine }}
  38.                 </h1>
  39.                 <nav aria-label="breadcrumb animated slideInDown">
  40.                     <ol class="breadcrumb">
  41.                         <li class="breadcrumb-item">
  42.                             <a class="text-white" href="#">
  43.                                 Site en construction
  44.                             </a>
  45.                         </li>
  46.                     </ol>
  47.                 </nav>
  48.             </div>
  49.         </div>
  50.         <!-- Page Header End -->
  52.         <!-- Construction Start -->
  53.         <div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
  54.             <div class="container text-center">
  55.                 <div class="row justify-content-center">
  56.                     <div class="col-lg-8">
  57.                         <i class="bi bi-exclamation-triangle display-1 text-primary"></i>
  58.                         <h1 class="display-1">
  59.                             Travaux
  60.                         </h1>
  61.                         <h1 class="mb-4">
  62.                             en cours
  63.                         </h1>
  64.                         <p class="mb-4">
  65.                             Nous sommes désolé, mais le site n'est pas encore ouvert au public. <br>
  66.                             Veuillez revenir plus tard, nous travaillons pour que le site soit en ligne dans les plus brefs délais.
  67.                         </p>
  69.                         <div id="caseForm">
  70.                             <form id="contactConstruction" action="#" class="" data-aos="fade-up" data-aos-delay="200">
  71.                                 <input id="form_emailVisiteur" type="email" class="form-control" placeholder="Votre adresse Email">
  72.                                 <input id="btnSubmit" type="submit" class="btn btn-primary" value="Envoyer" style="float:right; position:relative;margin-top:-38px;">
  73.                             </form>
  74.                             <div id="texteSubmit" class="mt-2" data-aos="fade-up" data-aos-delay="300"></div>
  75.                         </div>
  76.                         
  77.                     </div>
  78.                 </div> 
  79.             </div>
  80.         </div>
  81.         <!-- Construction End -->
  84.         <!-- JS -->
  85.         {{ idSite.charte.jsHtml|raw }}
  87.         <script>
  88.             $(function(){
  89.                 $("#contactConstruction").on("submit", function(){
  91.                     // bloque l'envoi du formulaire
  92.                     event.preventDefault();
  94.                     // traitement
  95.                     $.ajax({
  96.                         type: "POST",
  97.                         url: "{{ path('save_emailConstruction') }}",
  98.                         data: {
  99.                             contact: $("#form_emailVisiteur").val(),
  100.                         },
  101.                     })
  102.                     .done(function(msg){
  103.                         if (msg.msg == 1){
  104.                             $("#caseForm").html("Votre email vient d'être envoyé au webmaster.");
  105.                         }
  106.                         console.log("submit mail");
  107.                     });
  109.                 });
  110.             });
  111.         </script>
  113.         {% if user.roles[0] is defined and user.roles[0] == "ROLE_ADMIN" %}
  114.         {% else %}
  115.             <script type="text/javascript">
  116.                 $(function(){
  117.                     $('.sf-toolbar').css("opacity", "0");
  118.                 });
  119.             </script>
  120.         {% endif %}
  123.     </body>
  124. </html>