templates/security/sign-in.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{% trans %}Login{% endtrans %}{% endblock %}
  5. {% block body %}
  6.     <div class="limiter">
  7.         <div class="container-login100 text-center">
  8.             <div>
  9.                  <div class="d-sm-flex align-items-center justify-content-center">
  10.                     <img src="{{asset('assets/img/iconos-dotto/Logo-Centro-de-Genética-Jorge Dotto_Variantes-06.png')}}" class="iconFrondL"/>
  11.                 </div>   
  12.             </div>
  14.             <div class="drVertical">
  15.             </div>
  16.             <div class="flex-Movile-dotto">
  17.                 <div class="wrap-login100 p-l-55 p-r-55 p-t-50 p-b-20">
  18.                     
  19.                     <form class="login100-form validate-form" method="post">
  20.                         
  21.                         <span class="iconCenter">
  22.                         <!--<i class="fa fa-users " aria-hidden="true"></i>-->
  23.                         <img src="{{ asset('assets/img/iconos-dotto/Proyecto-Web-Jorge-Dotto-05042022-12.png') }}" class="iconPersonL"/>
  24.                         </span>    
  25.                         
  26.                         <span class="login100-form-title">                    
  27.                             <!--Login-->
  28.                             Iniciar sesión
  29.                         </span>                
  30.                         
  31.                         {% if error %}
  32.                             <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData) }}</div>
  33.                         {% endif %}
  34.                         
  35.                         {% if app.user %}
  36.                             <div class="mb-3">
  37.                                     {{ 'You are logged in as'|trans }} {{ app.user.username }}, <a href="{{ path('app_logout') }}">{{ 'Log out'|trans }}</a>
  38.                             </div>
  39.                         {% endif %}
  42.                         <div class="wrap-input100 validate-input m-b-23" data-validate = "Username is reauired">
  43.                             {#<span class="label-input100">Usuario</span>#}
  44.                             {#<input class="input100" type="text" name="username" placeholder="Ingrese usuario o correo">#}
  45.                             <input type="username" value="{{ last_username }}" name="username" id="inputEmail" class="input100"{#class="form-control form-control-lg"#} required autofocus
  46.                                         placeholder="{{'Username'|trans}}">
  48.                             <span class="focus-input100" data-symbol="&#xf206;"></span>
  49.                         </div>
  51.                         <div class="wrap-input100 validate-input" data-validate="Password is required">
  52.                             {#<span class="label-input100">Clave</span>#}
  53.                             {#<input class="input100" type="password" name="password"  placeholder="{{'Password'|trans}}">#}
  54.                             <input id="password-field" type="password" name="password" id="inputPassword" class="input100"{#class="form-control form-control-lg"#} required
  55.                                         placeholder="{{'Password'|trans}}">
  56.                             <span class="focus-input100" data-symbol="&#xf190;"></span>
  57.                         </div>
  59.                         <input type="hidden" name="_csrf_token"
  60.                             value="{{ csrf_token('authenticate') }}"
  61.                         >
  62.                         
  63.                         <div class="text-right p-t-8 p-b-31">
  64.                             <a class= "text_blanco" href="{{path('app_forgot_password_request')}}">
  65.                             {{'Forget my password'|trans}}
  66.                             </a
  67.                         </div>
  68.                         
  69.                         <div class="container-login100-form-btn m-t-15">
  70.                             <div class="wrap-login100-form-btn">
  71.                                 <div class="login100-form-bgbtn"></div>
  72.                                 <button class="login100-form-btn" type="submit">
  73.                                     {{'Login'|trans}}
  74.                                 </button>
  75.                             </div>
  76.                         </div>
  78.                         <div class="flex-c-m marginT-35">
  79.                             <span class= "text_blanco">
  80.                                 O ingrese usando
  81.                             </span>
  82.                             <a href="/connect/google" class="login100-social-item bg3">
  83.                                 <i class="fa fa-google"></i>
  84.                             </a>
  85.                         </div>                    
  86.                     </form>
  87.                 </div>                                
  88.             </div>
  89.             <span class= "text_blanco text-center">
  90.                     ¿Aún no tienes cuenta? <a href="/register" class="link-blanco">
  91.                             Registrarse
  92.                     </a>
  93.                 </span>
  95.         </div>
  96.         
  97.     </div>
  98.     
  100.     <div id="dropDownSelect1"></div>
  102. {% endblock %}
  104. {% block javascripts %}
  105.     {{ parent() }}
  106.     <script type="text/javascript">
  107.         $(".toggle-password").click(function() {
  109.         $(this).toggleClass("fa-eye fa-eye-slash");
  110.             var input = $($(this).attr("toggle"));
  111.             if (input.attr("type") == "password") {
  112.                 input.attr("type", "text");
  113.             } else {
  114.                 input.attr("type", "password");
  115.             }
  116.         });
  117.     </script>    
  118. {% endblock %}