templates/recoverpw.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  4. <head>
  6.     <meta charset="utf-8"/>
  7.     <title>Delsart</title>
  8.     <!-- App favicon -->
  9.     <link rel="shortcut icon" href="assets/images/delsart_logo.jpg">
  11.     <!-- Bootstrap Css -->
  12.     <link href="assets/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css"/>
  13.     <!-- Icons Css -->
  14.     <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css"/>
  15.     <!-- App Css-->
  16.     <link href="assets/css/app.min.css" id="app-style" rel="stylesheet" type="text/css"/>
  18. </head>
  20. <body>
  21. <div class="account-pages my-5 pt-sm-5">
  22.     <div class="container">
  23.         <div class="row justify-content-center">
  24.             <div class="col-md-8 col-lg-6 col-xl-5">
  25.                 <div class="card overflow-hidden">
  26.                     <div class="bg-dark ">
  27.                         <div class="row">
  28.                             <div class="col">
  29.                                 <div class="p-4">
  30.                                     <h4 class="text-light"> Réinitialisation du mot de passe</h4>
  32.                                 </div>
  33.                             </div>
  34.                         </div>
  35.                     </div>
  36.                     <div class="card-body pt-0">
  37.                         <div>
  38.                             <div class="mb-4">
  39.                                 <span class="">
  40.                                     <img src="assets/images/delsart_logo.jpg" alt=""
  41.                                          class="align-self-sm-start">
  42.                                 </span>
  43.                             </div>
  44.                         </div>
  46.                         <div class="p-2">
  47.                             <div class="alert alert-info text-center mb-4">
  48.                                 Entrez votre Email et les instructions vous seront envoyées!
  49.                             </div>
  50.                             <form class="form-horizontal">
  52.                                 <div class="mb-3">
  53.                                     <label for="useremail" class="form-label">Email</label>
  54.                                     <input type="email" class="form-control" id="userEmail"
  55.                                            placeholder="Entrez votre adresse mail" >
  56.                                 </div>
  57.                                 <div class="alert alert-success" id="emailSend" style="display:none">
  58.                                     L'email à bien été envoyé
  59.                                 </div>
  60.                                 <div class="alert alert-danger"  id="emailError" style="display:none">
  61.                                     L'adresse email n'existe pas
  62.                                 </div>
  64.                             </form>
  65.                             <div class="text-end">
  66.                                 <button class="btn btn-dark w-md waves-effect waves-light"  onclick="password()">
  67.                                     Réinitialiser
  68.                                 </button>
  69.                             </div>
  70.                         </div>
  72.                     </div>
  73.                 </div>
  76.             </div>
  77.         </div>
  78.     </div>
  79. </div>
  81. <!-- JAVASCRIPT -->
  82. <script src="assets/libs/jquery/jquery.min.js"></script>
  83. <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
  84. <script src="assets/libs/metismenu/metisMenu.min.js"></script>
  85. <script src="assets/libs/simplebar/simplebar.min.js"></script>
  86. <script src="assets/libs/node-waves/waves.min.js"></script>
  88. <!-- App js -->
  89. <script src="assets/js/app.js"></script>
  90. </body>
  91. </html>
  93. <script>
  94.    function password(){
  96.        let email =  $("#userEmail").val();
  98.        $.ajax({
  99.            type: "POST",
  100.            url: '/password-generate-code',
  101.            data: {
  102.                email
  103.            },
  104.            success: (response) => {
  105.                if(response['data']['text'] == 'success'){
  106.                    document.getElementById( 'emailError' ).style.display = 'none';
  107.                    document.getElementById( 'emailSend' ).style.display = 'block';
  108.                    window.location.href = "/recover-pw-confirm/"+response['data']['token'];
  109.                }
  110.                else{
  111.                    document.getElementById( 'emailSend' ).style.display = 'none';
  112.                    document.getElementById( 'emailError' ).style.display = 'block';
  113.                }
  114.            },
  115.            error: function(error){
  117.            }
  118.        });
  119.    }
  120. </script>