Mauricio Cattafi / foca-login

Download as
Browse Code »

Commit c6087bddf3d0ea581e505910fced6b8cd5f12067

Authored by Marcelo Puebla
2 parents ac450d6b07 489ab6eccd
Exists in demo

Merge branch 'facturador' into 'demo' 

Facturador(mpuebla)

See merge request !25
Showing 2 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ c6087bd
1 angular.module('focaLogin') 1 angular.module('focaLogin')
2 .controller('focaLoginController', [ 2 .controller('focaLoginController', [
3 '$scope', 'focaLoginService', '$location', '$cookies', 'focaModalService', 'md5', 'APP', 3 '$scope', 'focaLoginService', '$location', '$cookies', 'focaModalService', 'md5', 'APP',
4 function($scope, focaLoginService, $location, $cookies, focaModalService, md5, APP) { 4 function ($scope, focaLoginService, $location, $cookies, focaModalService, md5, APP) {
5 $scope.paso = 1; 5 $scope.paso = 1;
6 $scope.enviar = function() { 6 $scope.hidePassword = true;
7 $scope.enviar = function () {
7 angular.element('#password').blur(); 8 angular.element('#password').blur();
8 focaLoginService.login({ 9 focaLoginService.login({
9 idUsuario: $scope.usuario.idUsuario, 10 idUsuario: $scope.usuario.idUsuario,
10 clave: APP != 'facturador' ? md5.createHash($scope.usuario.clave) : 11 clave: APP != 'facturador' ? md5.createHash($scope.usuario.clave) :
11 $scope.usuario.clave 12 $scope.usuario.clave
12 }).then(function(datos) { 13 }).then(function (datos) {
13 if (datos.data.chofer && datos.data.chofer.id) { 14 if (datos.data.chofer && datos.data.chofer.id) {
14 $cookies.put('chofer', datos.data.chofer.id); 15 $cookies.put('chofer', datos.data.chofer.id);
15 $cookies.put('nombreUsuario', datos.data.chofer.nombre); 16 $cookies.put('nombreUsuario', datos.data.chofer.nombre);
16 } else if (datos.data.vendedorCobrador && datos.data.vendedorCobrador.id) { 17 } else if (datos.data.vendedorCobrador && datos.data.vendedorCobrador.id) {
17 $cookies.put('vendedorCobrador', datos.data.vendedorCobrador.id); 18 $cookies.put('vendedorCobrador', datos.data.vendedorCobrador.id);
18 $cookies.put('nombreUsuario', datos.data.vendedorCobrador.NOM); 19 $cookies.put('nombreUsuario', datos.data.vendedorCobrador.NOM);
19 } else if (datos.data.vendedorPlaya) { 20 } else if (datos.data.vendedorPlaya) {
20 $cookies.put('vendedorPlaya', datos.data.vendedorPlaya.CodVen); 21 $cookies.put('vendedorPlaya', datos.data.vendedorPlaya.CodVen);
21 $cookies.put('nombreUsuario', datos.data.vendedorPlaya.NomVen.trim()); 22 $cookies.put('nombreUsuario', datos.data.vendedorPlaya.NomVen.trim());
22 } else { 23 } else {
23 focaModalService.alert('Existe un error con el usuario ingresado'); 24 focaModalService.alert('Existe un error con el usuario ingresado');
24 return; 25 return;
25 } 26 }
26 27
27 console.info(datos.data); 28 console.info(datos.data);
28 $cookies.put('token', datos.data.token); 29 $cookies.put('token', datos.data.token);
29 $location.path('/'); 30 $location.path('/');
30 $scope.$emit('blur'); 31 $scope.$emit('blur');
31 }, function(error) { 32 }, function (error) {
32 if (error.status === 401) { 33 if (error.status === 401) {
33 focaModalService 34 focaModalService
34 .alert('El usuario o la contraseña han sido mal introducidos'); 35 .alert('El usuario o la contraseña han sido mal introducidos');
35 } 36 }
36 37
37 if(error.status === -1) { 38 if (error.status === -1) {
38 focaModalService.alert('Sin servicio'); 39 focaModalService.alert('Sin servicio');
39 return; 40 return;
40 } 41 }
41 }); 42 });
42 }; 43 };
43 $scope.irPaso = function(numeroPaso) { 44 $scope.irPaso = function (numeroPaso) {
44 $scope.paso = numeroPaso; 45 $scope.paso = numeroPaso;
45 }; 46 };
46 } 47 }
47 ]) 48 ])
48 .controller('focaLogoutController', [ 49 .controller('focaLogoutController', [
49 '$cookies', '$location', 50 '$cookies', '$location',
50 function($cookies, $location) { 51 function ($cookies, $location) {
51 $cookies.remove('chofer'); 52 $cookies.remove('chofer');
52 $cookies.remove('vendedorCobrador'); 53 $cookies.remove('vendedorCobrador');
53 $cookies.remove('vendedorPlaya'); 54 $cookies.remove('vendedorPlaya');
54 $cookies.remove('nombreUsuario'); 55 $cookies.remove('nombreUsuario');
55 $cookies.remove('token'); 56 $cookies.remove('token');
56 //Cierra ventana 57 //Cierra ventana
57 window.open('', '_self', ''); //bug fix 58 window.open('', '_self', ''); //bug fix
58 window.close(); 59 window.close();
59 $location.path('/login'); 60 $location.path('/login');
60 } 61 }
61 ]); 62 ]);
62 63
src/views/foca-login.html
Diff comments   View file @ c6087bd
1 <div class="row mt-5 overflow-hidden"> 1 <div class="row justify-content-center align-items-center">
2 <div class="col p-0"> 2 <div class="col-12 my-2">
3 <div class="row mt-5 justify-content-center"> 3 <img src="img/logo.png" class="img-login mx-auto d-block">
4 <div class="col-auto p-0"> 4 </div>
5 <img src="./img/logofoca.png" alt="Debo Logo"> 5 <div class="col-8 col-sm-6 col-md-4 col-lg-3 my-2 align-self-stretch">
6 </div> 6 <div class="bg-gradient-login border-0 rounded shadow-sm text-center">
7 </div> 7 <form class="p-3 m-0" name="login">
8 8 <div class="pt-3 pb-2 mb-3 border-bottom border-white">
9 <div class="row justify-content-center m-5"> 9 <span>Ingreso de usuario</span>
10 <div class="col col-sm-10 col-md-5 col-lg-4 bg-gray-gradient shadow rounded-2"> 10 </div>
11 <form name="login"> 11 <!-- USUARIO -->
12 <div class="row my-2 justify-content-center"> 12 <label
13 <div class="col border-bottom border-white"> 13 for="user"
14 <p class="mb-2 text-center">Ingreso de usuario</p> 14 class="login-small-text m-0">
15 </div> 15 Usuario
16 </div> 16 </label>
17 <div class="row mb-2"> 17 <div class="input-group mb-2">
18 <div class="col px-4"> 18 <input
19 <p class="mb-0 text-center">Usuario</p> 19 class="form-control form-control-sm rounded-pill text-transform-none"
20 <input 20 type="text"
21 class="form-control form-control-sm" 21 id="user"
22 type="text" 22 ng-model="usuario.idUsuario"
23 ng-model="usuario.idUsuario" 23 ng-focus="paso = 1"
24 ng-focus="paso = 1" 24 foca-focus="paso === 1"
25 foca-focus="paso == 1" 25 ng-keyup="$event.keyCode == 13 && irPaso(2)"
26 ng-keyup="$event.keyCode == 13 && irPaso(2)" 26 ladda="loginLoading"
27 ladda="loginLoading" 27 teclado-virtual
28 teclado-virtual 28 />
29 /> 29 </div>
30 </div> 30 <!-- CONTRASEÑA -->
31 </div> 31 <label
32 <div class="row mb-3"> 32 for="password"
33 <div class="col px-4"> 33 class="login-small-text m-0">
34 <p class="mb-0 text-center">Contraseña</p> 34 Contraseña
35 <input 35 </label>
36 class="form-control form-control-sm" 36 <div class="input-group mb-2">
37 id="password" 37 <input
38 type="password" 38 class="form-control form-control-sm rounded-pill text-transform-none pr-5"
39 ng-model="usuario.clave" 39 id="password"
40 foca-focus="paso == 2" 40 type="{{hidePassword ? 'password' : 'text'}}"
41 ng-keyup="$event.keyCode == 13 && enviar()" 41 ng-model="usuario.clave"
42 ladda="loginLoading" 42 foca-focus="paso == 2"
43 teclado-virtual 43 ng-keyup="$event.keyCode == 13 && enviar()"
44 /> 44 ladda="loginLoading"
45 teclado-virtual
46 />
47 <div class="input-icon px-3">
48 <div ng-show="!hidePassword" ng-click="hidePassword = !hidePassword">
49 <i class="fade-in fa fa-eye"></i>
45 </div> 50 </div>
46 </div> 51 <div ng-show="hidePassword" ng-click="hidePassword = !hidePassword">
47 <div class="row mb-5"> 52 <i class="fade-in fa fa-eye-slash"></i>
48 <div class="col px-4">
49 <button
50 type="button"
51 ng-click="enviar()"
52 class="btn btn-primary btn-block"
53 ladda="loginLoading">
54 Ingresar
55 </button>
56 </div> 53 </div>
57 </div> 54 </div>
58 </form> 55 </div>
59 </div> 56 <button
57 type="button"
58 ng-click="enviar()"
59 class="btn btn-primary btn-block my-3"
60 ladda="loginLoading">
61 Ingresar
62 </button>