templates/login/index.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="Akoya Backoffice par Synexta©">
  11.     <meta name="author" content="Synexta">
  13.     <!-- Favicon -->
  14.     <link rel="shortcut icon" type="image/x-icon" href="">
  16.     <title>BACK Office Akoya</title>
  18.     <!-- vendor css -->
  19.     <link href="{{ asset('lib/@fortawesome/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
  20.     <link href="{{ asset('lib/ionicons/css/ionicons.min.css')}}" rel="stylesheet">
  22.     <!-- DashForge CSS -->
  23.     <link rel="stylesheet" href="{{ asset('assets/css/dashforge.css')}}">
  24.     <link rel="stylesheet" href="{{ asset('assets/css/dashforge.auth.css')}}">
  25.   </head>
  26.   <body>
  28.     
  30.     <div class="content content-fixed content-auth">
  31.       <div class="container">
  32.         <div class="media align-items-stretch justify-content-center ht-100p pos-relative">
  33.           <div class="media-body align-items-center d-none d-lg-flex">
  34.             <div class="mx-wd-600">
  35.               <img src="https://akoyaconfig.services-unifies.fr/uploads/logo/logo.png" class="img-fluid" alt="">
  36.             </div>
  37.             
  38.           </div><!-- media-body -->
  39.           <div class="sign-wrapper mg-lg-l-50 mg-xl-l-60">
  40.             <div class="wd-100p tx-left">
  41.               <h3 class="mg-b-5 tx-40" style="color: #1b9b85;">Administration</h3>
  43.               <div id="msg" class="alert bg-rgba-danger alert-dismissible mb-2 d-none" role="alert" style="padding: 5px;">                                                    
  44.                   <div class="d-flex align-items-center">
  45.                       <i class="bx bx-error"></i>
  46.                       <span id="text_msg"></span>
  47.                   </div>
  48.               </div>
  49.               <form id="form_connexion" method="post">
  51.                 <div class="form-group tx-left">
  52.                   <label>Identifiant</label>
  53.                   <input type="text" name="login" id="login" class="form-control" placeholder="Identifiant">
  54.                 </div>
  55.                 <div class="form-group tx-left">
  56.                   <div class="d-flex justify-content-between mg-b-5">
  57.                     <label class="mg-b-0-f" >Mot de passe</label>
  58.                   </div>
  59.                   <input type="password" name="password" id="password" class="form-control" placeholder="Mot de passe">
  60.                 </div>
  61.                 <input name="confirmer" type="submit" class="btn btn-dark btn-block" value="Se connecter" />
  62.               </form>
  63.             </div>
  64.           </div><!-- sign-wrapper -->
  65.         </div><!-- media -->
  66.       </div><!-- container -->
  67.     </div><!-- content -->
  69.     
  71.     <script src="{{ asset('lib/jquery/jquery.min.js') }}"></script>
  72.     <script src="{{ asset('lib/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  73.     <script src="{{ asset('lib/feather-icons/feather.min.js')}}"></script>
  74.     <script src="{{ asset('lib/perfect-scrollbar/perfect-scrollbar.min.js')}}"></script>
  76.     <script src="{{ asset('assets/js/dashforge.js')}}"></script>
  78.       
  79.    <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
  80.    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  82.         <script>
  83.         //added
  84.         $( document ).ready(function() {
  89.             $("#form_connexion").submit(function(e){
  91.                 e.preventDefault();
  93.                                 $.ajax({
  94.                                     type: "POST", 
  95.                                     data : $("#form_connexion").serialize()+"&confirmer=confirmer" ,
  96.                                     url: Routing.generate('login'), 
  97.                                     success: function(data,statut){  
  99.                                       if(data == "OK"){
  100.                                         //alert("OK");
  101.                                       
  102.                                         
  103.                                         window.location.href = Routing.generate('dashboard_index') ;
  104.                                       }else if (data == "KOO"){
  105.                                         $("#login").val("");
  106.                                         $("#password").val("");
  108.                                         $("#msg").removeClass("d-none");
  109.                                         $("#text_msg").html("Votre login ou mot de passe est incorrecte .");
  111.                                       }
  112.                                       
  113.                                         
  114.                                     },
  115.                                     error : function(resultat,statut,erreur){ 
  116.                                       //alert(' not success');
  118.                                        
  119.                                     }
  120.                                 });
  122.                 return false ; //Bloquer le chargement de la page.
  124.             });
  126.         });
  129.     </script>
  131.   </body>
  132. </html>