templates/utilisateur/connexion.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.     <!-- Meta -->
  10.     <meta name="description" content="Click'n Requête - Défendre vos libertés fondamentales">
  11.     <meta name="author" content="Syntexta.fr">
  14.     <title>Admin-Mitih</title>
  16.     <!-- vendor css -->
  17.     <link href="{{ asset('lib/@fortawesome/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
  18.     <link href="{{ asset('lib/ionicons/css/ionicons.min.css') }}" rel="stylesheet">
  20.     <!-- DashForge CSS -->
  21.     <link rel="stylesheet" href="{{ asset('assets/css/dashforge.css') }}">
  22.     <link rel="stylesheet" href="{{ asset('assets/css/dashforge.auth.css') }}">
  23.   </head>
  24.   <body>
  26.     <div class="content content-fixed content-auth">
  27.       <div class="container">
  28.         <div class="media align-items-stretch justify-content-center ht-100p pos-relative">
  29.           
  30.           <form id="form_cnx" method="post">
  31.           <div class="sign-wrapper">
  32.             <div class="wd-100p">
  33.               <div class="mx-wd-100p text-center">
  34.                 <img class="img-fluid" alt="" src="https://mitih-admin.synexta-developpement.fr/uploads/logo/logo.png" style="width: 200px;" align="center"/>
  35.          
  37.               </div>
  38.               <h5 class="tx-color-01 mg-b-40 mg-t-10 tx-center d-none">David Guyon Avocat</h5>
  39.               <div class="form-group">
  40.                 <label>Email</label>
  41.                 <input type="text" name="login" class="form-control" placeholder="Email" required>
  42.               </div>
  43.               <div class="form-group">
  44.                 <div class="d-flex justify-content-between mg-b-5">
  45.                   <label class="mg-b-0-f">Mot de passe</label>
  46.                   <a href="" class="tx-13 d-none">Mot de passe oublié?</a>
  47.                 </div>
  48.                 <input type="password" name="pass"  class="form-control" placeholder="Mot de passe" required>
  49.               </div>
  51.               <div id="msg" class="text-danger"></div>
  52.               
  53.               <input type="hidden" name="captcha" id="captcha" value="">
  55.               <input type="submit" name="connexion" class="btn btn-block btn-primary" value="Se connecter">
  56.               
  57.             </div>
  58.           </div><!-- sign-wrapper -->
  59.           </form>
  60.         </div><!-- media -->
  61.       </div><!-- container -->
  62.     </div><!-- content -->
  64.     
  66.     <script src="{{ asset('lib/jquery/jquery.min.js') }}"></script>
  67.     <script src="{{ asset('lib/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  68.     <script src="{{ asset('lib/feather-icons/feather.min.js') }}"></script>
  69.     <script src="{{ asset('lib/perfect-scrollbar/perfect-scrollbar.min.js') }}"></script>
  71.     <script src="{{ asset('assets/js/dashforge.js') }}"></script>
  73.     <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  74.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  75.     <!--<script src="https://www.google.com/recaptcha/api.js?render=6LdZi_YeAAAAAOGuEX435axJzqywzMM-5cx8bWHb"></script>-->
  77.     <!--<script>
  78.     const siteKey = '6LdZi_YeAAAAAOGuEX435axJzqywzMM-5cx8bWHb';
  80.       //either on page load
  81.       grecaptcha.ready(function() {
  82.           grecaptcha.execute(siteKey, {
  83.               action: 'connexion'
  84.           }).then(function(token) {
  87.               //the token will be sent on form submit
  88.               $("#captcha").val(token);
  89.               //keep in mind that token expires in 120 seconds so it's better to add setTimeout.
  90.           });
  91.       });
  94.     
  95.     </script>-->
  97.     <script>
  99.     
  100.     
  103.     $(document).ready(function(){
  105.         
  106.         $("#form_cnx").on("submit",function(e){
  108.             e.preventDefault();
  110.            
  112.             $.ajax({
  114.                 type: "POST",
  115.                 data :  $("#form_cnx").serialize() ,
  116.                 url: Routing.generate('login_user'),
  117.                 success: function(data, statut) {
  118.                   console.log('dddddddddddddddddd',data)
  119.                     if(data == "OK"){
  120.                         window.location.href = Routing.generate('dashboard') ;
  121.                     }
  122.                     else if(data == "double_verif"){
  123.                         window.location.href = Routing.generate('confirm_connexion') ;
  124.                     }
  125.                     else{
  127.                         $("#msg").html(data);
  129.                     }
  130.                     
  131.                 },
  132.                 complete: function(data) {
  133.                     
  134.                     
  135.                     
  136.                 },
  137.                 error: function(resultat, statut, erreur) {
  139.                     $("#msg").html("Problème technique");
  141.                 }
  142.             });
  145.             return false ;
  148.         })
  150.     })
  151.     </script>
  153.     
  154.   </body>
  155. </html>