templates/security/connexion.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}{{ parent() }}    | Connexion{% endblock %}
  3. {% block stylesheets %}<link rel="stylesheet" href="{{ asset('css/connexion.css') }}">{% endblock %}
  4. {% block h1 %}Connexion{% endblock %}
  7. {% block content %}
  9.         <div class="wrapper col-12 d-flex flex-lg-row flex-column ">
  10.             <div class="col-lg-7 col-12 my-auto">
  12.                 <img id="slideShow" class="d-block w-50 mx-auto" src="" alt="">
  14.             </div>
  17.             <div class=" col-lg-3 col-6 mb-5 mx-auto d-flex flex-column justify-content-center">
  18.                 <form action="{{ path('connexion')}}" method="post" class='col-12 mx-auto text-center mt-5'>
  20.                     <div class="col-12 form-group mx-auto mt-2">
  21.                         <input type="text" id="inputEmail" class="form-control " name="_username" placeholder="Email">
  22.                     </div>
  23.                     <div class="col-12 form-group mx-auto my-3">
  24.                         <div class='input-group'>
  25.                             <input type="password" id="inputPassword" class="form-control" name="_password" data-toggle="password" placeholder="Mot de passe">
  26.                             <span class="input-group-text bg-white">
  27.                                 <i class="fa fa-eye"></i>
  28.                             </span>
  29.                         </div>
  30.                     </div>
  31.                      <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  32.                     <a class='reset-password-link' href="{{ path('app_forgot_password_request') }}">Mot de passe oublié ?</a>
  33.                     <input type="submit" value="Connexion" class="col-12 btn btn-dark my-3">
  36.                 </form>
  37.             </div>
  39.         </div>
  41.     <textarea name="" hidden id="photos" cols="30" rows="10">{{photos}}</textarea>
  42. {% endblock %}
  44. {% block javascripts %}
  45.     <script>
  47.         var photos = JSON.parse(document.querySelector('#photos').innerHTML)
  49. nbphotos = photos.length
  50. function photoShow() {
  51. let position = Math.trunc(Math.random() * (nbphotos))
  52. let nomPhoto = photos[position]
  53. let cheminPhoto = "{{ asset('img/photoProduitUpload/') }}"
  54. document.getElementById('slideShow').setAttribute('src', cheminPhoto + nomPhoto)
  55. }
  58. photoShow()
  59. setInterval("photoShow()", 5000);
  61.     </script>
  62.     <script  src="{{ asset("js/bootstrap-show-password.min.js") }}"></script>
  64. {% endblock %}