templates/usuarios/login.twig line 1

Open in your IDE?
  1. {% import "_macros.twig" as forms %}
  2. {% extends 'baseLogin.twig' %}
  4. {% block content %}
  5.     <div class="inner-wrap" id="div_login">
  6.         <div id="div_entrar" class="">
  7.             <div class="form-card">
  8.                 <div class="">
  9.                     <figure class="image container  is-128x128">
  10.                         <img class="" style="max-width: 100px;" src="/images/logo.png">
  11.                     </figure>
  12.                 </div>
  13.                 <div class="auth-head">
  14.                     <h2 data-bind="text:labels.titulo">Bienvenido</h2>
  15.                     {% if error %}
  16.                         <div class="message is-danger">
  17.                             {{ errorCredenciales }}
  18.                         </div>
  19.                     {% endif %}
  20.                 </div>
  21.                 <form action="{{ path('app_login') }}" method="post">
  22.                     <div id="signin-form" class="login-form">
  23.                         {{ forms.input('_username', 'labels.nomUsuario', 'nomUsuario') }}
  24.                         {{ forms.contra('_password', 'labels.contra', 'contra') }}
  25.                         <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}" >
  26.                         <!-- <input type="hidden" name="claCliente" value="claCliente" > -->
  27.                         <div class="control login">
  28.                             <button class="button h-button is-primary is-bold is-fullwidth is-raised"  data-bind="text:labels.entrar,css: { 'is-loading': enProgreso()}, click:enviar">Sign In</button>
  29.                         </div>
  30.                     </div>
  31.                 </form>
  32.             </div>
  33.             <div class="forgot-link has-text-centered">
  34.                 <a data-bind="text:labels.olvido, click:olvido" href="#" >Forgot Password?</a>
  35.             </div>
  36.         </div>
  37.         <div id="div_olvido" class="is-hidden">
  38.             <div class="form-card">
  39.                 <div class="">
  40.                     <figure class="image container  is-128x128">
  41.                         <img class="" style="max-width: 100px;" src="/images/logo.png">
  42.                     </figure>
  43.                 </div>
  44.                 <div class="auth-head">
  45.                     <h2 data-bind="text:labels.olvidoTitulo">Bienvenido</h2>
  46.                 </div>
  47.                 <form>
  48.                     <div id="signin-form" class="login-form">
  49.                         {{ forms.input('txtCorreo', 'labels.correo', 'correo') }}
  50.                         <div class="control login">
  51.                             <button class="button h-button is-primary is-bold is-fullwidth is-raised"  data-bind="text:labels.recuperar,css:{'is-loading': enProgreso()}, click:olvidoEnviar"></button>
  52.                         </div>
  53.                     </div>
  54.                 </form>
  55.             </div>
  56.             <div class="forgot-link has-text-centered">
  57.                 <a data-bind="text:labels.cancelar, click:cancelar" href="#" ></a>
  58.             </div>
  59.         </div>
  60.     </div>
  61. {% endblock %}
  63. {% block js %}
  64.     {#///#}
  65.     <script type="text/javascript">
  66.         var rotulos = JSON.parse("{{rotulos|e('js')}}");
  67.         var valores = JSON.parse("{{valores|e('js')}}");
  68.         ///
  69.         var ViewModel = function () {
  70.             var self = this;
  72.             self.labels = {};
  73.             for (rotulo in rotulos) {
  74.                 self.labels[rotulo] = ko.observable(rotulos[rotulo]);
  75.             }
  77.             ///
  78.             self.valores = {};
  79.             for (var i = 0; i < valores.length; i++) {
  80.                 self.valores[valores[i].alias] = ko.observable(valores[i].valor);
  81.             }
  82.             self.nomUsuario = ko.observable(valores.nomUsuario).extend(
  83.                     {required: {message: self.labels.nomUsuarioAviso()}}
  84.             );
  85.             self.contra = ko.observable().extend(
  86.                     {required: {message: self.labels.contraAviso()}}
  87.             );
  88.             self.correo = ko.observable('').extend(
  89.                     {required: {message: self.labels.correoAviso()},
  90.                         email: {message: self.labels.correoAviso()}}
  91.             );
  93.             self.enProgreso = ko.observable(false);
  94.             ///
  95.             self.enviar = function () {
  96.                 self.enProgreso(true);
  97.                 if (loginVM.errorsLogin().length > 0) {
  98.                     loginVM.errorsLogin.showAllMessages();
  99.                     setTimeout(function () {
  100.                         self.enProgreso(false);
  101.                     }, 2000);
  102.                     return;
  103.                 }
  104.                 self.enProgreso(false);
  105.                 return true;
  106.             };
  107.             ///
  108.             self.olvidoEnviar = function () {
  109.                 self.enProgreso(true);
  110.                 if (loginVM.errorsOlvido().length > 0) {
  111.                     loginVM.errorsOlvido.showAllMessages();
  112.                     setTimeout(function () {
  113.                         self.enProgreso(false);
  114.                     }, 2000);
  115.                     return;
  116.                 }
  117.                 $.ajax('/usuarios/contraRecuperarEnviar',{
  118.                     type: 'post',
  119.                     data: {
  120.                         correo: self.correo(),
  121.                     },
  122.                     success: function(respuesta) {
  123.                         if(typeof(respuesta.resultado) == "undefined"){
  124.                             //si la sesion expiro
  125.                             $("#div_html_base").html(respuesta);
  126.                             return;
  127.                         }
  128.                         if (respuesta.resultado === 1){
  129.                             
  130.                         }else{
  131.                             
  132.                         }
  133.                         self.enProgreso(false);
  134.                         alertify.alert('Invent', respuesta.mensaje).set('closable', false).set('label', '{{ cerrar }}');
  135.                     }
  136.                 });
  137.             };
  138.             ///
  139.             self.olvido = function () {
  140.                 $("#div_olvido").removeClass("is-hidden");
  141.                 $("#div_entrar").addClass("is-hidden");
  142.             };
  143.             ///
  144.             self.cancelar = function () {
  145.                 $("#div_entrar").removeClass("is-hidden");
  146.                 $("#div_olvido").addClass("is-hidden");
  147.             };
  148.         };// viewModel
  149.         window.loginVM = new ViewModel();
  150.         loginVM.errorsLogin = ko.validation.group([loginVM.nomUsuario, loginVM.contra]);
  151.         loginVM.errorsOlvido = ko.validation.group([loginVM.correo]);
  152.         ko.applyBindings(loginVM, $("#div_login").get(0));
  154.         $('#_username').ready(function(){
  155.             $('#_username').focus();
  156.             var divs = document.getElementsByTagName('div');
  157.             var numIdInvent = 0;
  158.             for (var i = 0; i < divs.length; i++) {
  159.                 if (divs[i].id.indexOf('invent-app') != -1){
  160.                 numIdInvent++;
  161.                 }
  162.             }
  163.             if(numIdInvent > 1){
  164.                 window.location = "/login" ;
  165.             }
  166.         });
  167.     </script>
  168. {% endblock %}