src/templates/Security/ingresar.html.twig line 1

Open in your IDE?
  1. {% extends "layout_inicio.html.twig" %}
  3. {% block javascripts %}
  4.     {{ parent() }}
  5.     <!--script src="{{ asset('js/jquery/jquery-1.8.0.js') }}" type="text/javascript"></script-->
  6.     <script type="text/javascript">
  7.         $(document).ready(function() {
  8.             $("#captcha_refresh").click(function (){
  9.                 $("#captcha_img").html('<i class="ace-icon fa fa-spinner orange fa-spin bigger-220"></i>');
  10.                 $("#captcha_img").html('<img width="90%" src="{{path('captcha')}}?rdn='+Math.random()+'" />');
  11.             });     
  12.         });  
  13.         
  14.        /*var videoFile = 'http://www.bschool.ec/web/images/Tunnel_Animation.mp4';
  15.        $('#divVideo video source').attr({'src': videoFile, 'autoplay': autoplay,});
  16.        $("#divVideo video")[0].load();*/
  18.         function myFunction() {
  19.             var x = document.getElementById("password");
  20.             if (x.type === "password") {
  21.               x.type = "text";
  22.               document.getElementById('btnEye').className = 'ace-icon fa fa-eye';
  23.               
  24.             } else {
  25.               x.type = "password";
  26.               document.getElementById('btnEye').className = 'ace-icon fa fa-eye-slash';
  27.             }
  28.             
  29.             
  30.         }
  31.     </script>
  32. {% endblock %}
  34. {% block notice %}
  35.     <div class="ingresar_notice">
  36.         {% for notice_level in ['notice','success','danger','info', 'warning'] %}
  37.             {% set session_var = notice_level %}
  38.             {% for flashMessage in app.session.flashbag.get(session_var) %}
  39.                 <div class="alert alert-{{session_var}}">
  40.                     <button type="button" class="close" data-dismiss="alert">
  41.                         <i class="ace-icon fa fa-times"></i>
  42.                     </button>
  44.                     <strong>
  45.                         <i class="ace-icon fa fa-info-circle bigger-150"></i>
  46.                         {{ flashMessage | trans([],'message') | raw }}
  47.                     </strong>
  49.                     <br>
  50.                 </div>
  51.             {% endfor %}
  52.         {% endfor %}
  54.         {% if error_msj != '' %}
  55.                 <div class="alert alert-danger alert-inicio">
  56.                     <button type="button" class="close" data-dismiss="alert">
  57.                         <i class="ace-icon fa fa-times"></i>
  58.                     </button>
  60.                     <strong>
  61.                         <i class="ace-icon fa fa-info-circle bigger-150"></i>
  62.                         {{ error_msj | raw }}
  63.                     </strong>
  65.                     <br>
  66.                 </div>
  67.                     <script type="text/javascript">
  68.                         var error='{{ error_msj | raw }}';                    
  69.                         /*errorAlert(error);*/
  70.                         jAlert('<h1 class="red"><i class="fa fa-exclamation-triangle red"></i> ERROR </h1>'+'<div class="panel bigger-110">'+error+'</div>','Error');
  72.                     </script>
  73.         {% endif %} 
  74.         {% if msj is defined and msj != '' %}
  75.             <div class="alert alert-danger alert-inicio">
  76.                 <button type="button" class="close" data-dismiss="alert">
  77.                     <i class="ace-icon fa fa-times"></i>
  78.                 </button>
  80.                 <strong>
  81.                     <i class="ace-icon fa fa-info-circle bigger-150"></i>
  82.                     {{ msj | raw }}
  83.                 </strong>
  85.                 <br>
  86.             </div>
  87.         {% endif %}  
  88.     </div>
  89. {% endblock %}
  92. {% block content %}
  93.     {% if last_username is not defined %}
  94.         {% set last_username = '' %}
  95.     {% endif %}
  96.     <div class="widget-box transparent">      
  97.         <div class="widget-body" style="display: block;">
  98.             <div class="widget-main no-padding content_ini" id="divVideo">
  99.                     <!--video autoplay loop style="width: 100%">
  100.                       <source src="http://www.bschool.ec/web/images/Tunnel_Animation.mp4" type="video/mp4" />
  101.                     </video-->
  102.                 <div class="content_ini_image" >     
  103.                     <div style="position: relative; top: 7%; left: 0px; bottom: 0px; right: 0px;">
  105.                         <form class="form" id="ingresar" action="{{path('login_check')}}" method="POST">
  106. <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  107.                             <div class="row vertical-center"> 
  108.                                 <div class="space-24 hidden-xs"></div>
  109.                                 <div class="col-sm-2 hidden-xs" style="text-align: left">
  110.                                                               
  111.                                 </div>    
  112.                                 <div class="col-sm-8 col-xs-12" style="text-align: center;">                                                                                                                 
  113.                                     <div class="col-lg-10 col-sm-10 col-xs-10  login-box">
  114.                                         <div class="form-group">
  115.                                             <div>
  116.                                                 <h1 class="text-left ">{% trans %}home.bienvenido{% endtrans %}</h1> 
  117.                                               <div class="space-8"></div>
  118.                                               <span class="input-icon input-icon-right col-xs-12 no-padding">
  119.                                                 <input class="form-control input-inicio" placeholder="{% trans %}seguridad.autenticacion.user{% endtrans %}" type="text" id="username" name="_username" value="{{last_username}}" required="true">
  120.                                                 <i class="ace-icon fa fa-user grey">&nbsp;</i>
  121.                                               </span>
  122.                                             </div>
  123.                                         </div>
  124.                                         <div class="form-group">                                
  125.                                             <div>
  126.                                                 <div class="space-8"></div>
  127.                                               <span class="input-icon input-icon-right col-xs-12 no-padding">
  128.                                                 <input type="password" required="" class="form-control input-inicio" placeholder="{% trans %}seguridad.autenticacion.password{% endtrans %}" type="password" value="" id="password" name="_password" style="width:100%; color: #bdb6b6;" required="true">
  129.                                                 <i class="ace-icon fa fa-eye-slash" id="btnEye" onclick="myFunction()">&nbsp;</i>
  130.                                               </span>
  131.                                             </div>
  132.                                         </div>
  133.                                         <div class="form-group">
  135.                                               <span class="col-xs-10 no-padding">
  136.                                                   <div id="captcha_img" style="background-color: #fff; max-width: 100%;" ><img width="80%" src="{{path('captcha')}}"/></div>
  137.                                               </span>
  138.                                               <span class="col-xs-2">
  139.                                                   <div class="space-10 hidden-xs"></div>
  140.                                                   <a id="captcha_refresh" href="#" style='float:left'><img style="max-width: 80%; min-width: 40px;" src="{{ asset('images/icon/captcha_new.png') }}" title="Cambiar código"></a>
  141.                                               </span>
  142.                                         </div> 
  144.                                         <div class="form-group">
  145.                                             <div >
  146.                                                 <div class="space-8"></div>
  147.                                               <span class="input-icon input-icon-right col-xs-12 no-padding">
  148.                                                 <input type="text" class="form-control input-inicio" placeholder="{% trans %}seguridad.autenticacion.captcha{% endtrans %}" id="captcha_codigo" name="captcha_codigo" style="width:100%;" required="true">
  149.                                                 <i class="ace-icon fa fa-refresh grey">&nbsp;</i>
  150.                                               </span>
  151.                                             </div>
  152.                                         </div>                                                         
  154.                                         <div class="form-group">
  155.                                             <div class="row center">
  156.                                                 <div class="space-8"></div>
  157.                                               <input class="btn btn-large btn-round bigger-150 btn-inicio-st" type="submit" value={%trans%}botones.enter{% endtrans%}>
  158.                                             </div>
  159.                                         </div>
  161.                                         <!---div>
  162.                                             <div class="space-8"></div>
  163.                                             <div class="forget_password_st no-padding">
  164.                                                <a class="pull-left text-left bigger-120" href="{{path('usuario_activa_cuenta')}} ">{% trans %}seguridad.autenticacion.activar{% endtrans %}</a>
  165.                                             </div>
  166.                                             <div class="forget_password_st no-padding">
  167.                                                <a  class="pull-right text-left bigger-120" href="{{path('usuario_recupera_password')}} ">{% trans %}seguridad.autenticacion.noremember{% endtrans %}</a>
  168.                                             </div>
  169.                                         </div-->
  171.                                     </div>
  172.                                 <div class="col-lg-2 col-sm-2 col-xs-2" style="text-align: left">
  173.                                     <!--img width="80%" src="{{ asset('images/logo_ST_blanco.png') }}"-->                            
  174.                                 </div>
  175.                             </div> 
  176.                                 <div class="col-sm-2 hidden-xs" style="text-align: left">
  177.                                                               
  178.                                 </div>    
  180.                             </div>    
  182.                         </form>
  183.                     </div>
  184.                 </div>        
  185.                 <div class="row" style="background: #000; margin-top: 100px;">
  186.                     <div class="col-sm-11 col-xs-12" style="min-height: 100px; color: #fff; padding-top: 30px;" >
  187.                     Desarrollado por Strategic Thrusts S.A. @2022
  188.                     </div>
  189.                 </div>
  190.             </div>                   
  191.         </div>                   
  192.     </div>
  193.                                    
  194. {% endblock %}