templates/login/login.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Log in!{% endblock %}
  5. {% block stylesheets %}
  6.     <link href="{{ asset('css/bootstrap.css') }}" type="text/css"  rel="stylesheet"/>           
  7.     <link href="{{ asset('css/appli.css') }}" type="text/css"  rel="stylesheet"/>           
  8. {% endblock %}
  10. {% block body %}
  11.     <div class="d-flex justify-content-center">
  12.         
  13.         {# <form method="post"> #}
  14.         {{ form_start(form) }}
  15.         
  16.         <div class="row " style="width: 550px;"  >
  17. {#            <h3>Bienvenue au Secours Populaire</h1>
  18.             <h4>Fédération des Hautes Pyrénées</h2>#}
  19.         </div>
  20.         
  21.         <hr>
  22.         
  24.         <div class="form-group row  cadre-orange center" > 
  25.             <h4>je m'identifie</h4>
  26.         </div>
  27.         
  28.         <hr>
  29.         
  30.         <div class="   cadre-noir" style="width: 550px;" >
  31.         <br>
  33.             <div class="form-group row">
  34.                 <div class="col-sm-4">
  35.                     {{ form_label(form.username) }}
  36.                 </div>
  37.                 <div class="col-sm-8">
  38.                     {{ form_widget(form.username, {'attr': { 
  39.                     'class':'form-control',
  40.                     'required':true
  41.                     }}) }}            
  42.                 </div>
  43.                 <div class="col-sm-8 danger">
  44.                     {{ form_errors(form.username) }}           
  45.                 </div>
  46.             </div>   
  48.             <div class="form-group row">
  49.                 <div class="col-sm-4">
  50.                     {{ form_label(form.password) }}
  51.                 </div>
  52.                 <div class="col-sm-8">
  53.                     {{ form_widget(form.password, {'attr': { 
  54.                     'class':'form-control',
  55.                     'required':true
  56.                     }}) }}            
  57.                 </div>
  58.                 <div class="col-sm-8 danger">
  59.                     {{ form_errors(form.password) }}           
  60.                 </div>
  61.             </div>   
  62.                 
  63.             <br>    
  64.         </div>
  67.         {#-----------------------------------------------------#}
  68.         {# reste le bouton                       #}
  69.         <hr>
  71.         <div class="form-group row cadre-vert " >
  72.             <span class="col-sm-8">
  73.                 <button id="boutPatteBlanche" type="submit" class="btn btn-success" >
  74.                     je montre patte blanche
  75.                 </button>
  76.             </span>
  77.             <span class="col-sm-4">
  78.                 <button id="boutESC" type="reset" class="btn btn-info">Reset</button>
  79.             </span>
  80.         </div>
  82.         <hr>
  84.         {#spinner ---------------------------------- text-success --#}
  85.         <div id="chargement"    class="form-group row cadre-orange " >
  86.         <div class="d-flex justify-content-center">
  87.             <div>
  88.                 Vérification &nbsp;&nbsp;&nbsp;
  89.             </div>
  90.             <div class="spinner-border text-success " role="status">
  91.                 <span class="visually-hidden">Loading...</span>
  92.             </div>
  93.         </div>   
  94.         </div>
  95.         
  96.         
  97.         {#lien pour parrainage YOORshop#}
  98.         <div class="center">
  99.             <br><br><br><br><br><br><br><br><br><br>
  100.             {% set image = repimage ~ "ban728a2.gif" %}
  101.             <a href="https://support.yoorshop.hosting/aff.php?aff=289">
  102.                 <img src="{{ asset(image) }}" width="550px" height="68px">
  103.             </a>
  104.         </div>
  105.         
  106.         
  107.         
  108.     </div>
  109.         
  111.     {#=====================================================#}   
  112.     {#  pour complèter le form, notamment token etc......  #}
  113.     <div class="invisible">
  116.         <input type="hidden" name="_csrf_token"
  117.                value="{{ csrf_token('authenticate') }}">
  118.         
  119.         {{ form_rest(form) }}
  120.         {{ form_end(form) }}
  121.     </div>
  122.     {#=====================================================#}
  123.     
  124.     
  125.     
  126. {% endblock %}
  128. {% block javascripts %}
  129.     
  130.     {# -----------------------------------------------------------------------------------------#}
  131.     {% include '_js_base.html.twig' %}
  132.     {# -----------------------------------------------------------------------------------------#}
  134.     <script src="{{ asset('js/login.js') }}" type="text/javascript"></script>   
  136. {% endblock %}