Marcelo Puebla / foca-login

Download as
Browse Code »

Commit 6dbd9991679b9e6f284f462dca4255af821a15de

Authored by Marcelo Puebla
1 parent 2ed5d95e0f
Exists in facturador

Arreglo en aspecto de login.

Showing 1 changed file with 9 additions and 20 deletions   Show diff stats
src/views/foca-login.html
Diff comments   View file @ 6dbd999
1 <div class="row justify-content-center align-items-center"> 1 <div class="row m-0 justify-content-center align-items-center">
2 <div class="col-12 my-2"> 2 <div class="col-12 p-0 my-2">
3 <img src="img/logo.png" class="img-login mx-auto d-block"> 3 <img src="img/logo.png" class="img-login mx-auto d-block">
4 </div> 4 </div>
5 <div class="col-8 col-sm-6 col-md-4 col-lg-3 my-2 align-self-stretch"> 5 <div class="col-8 col-sm-6 col-md-4 col-lg-3 p-0 my-2 align-self-stretch">
6 <div class="bg-gradient-login border-0 rounded shadow-sm text-center"> 6 <div class="bg-gradient-login border-0 rounded-lg shadow text-center">
7 <form class="p-3 m-0" name="login"> 7 <form class="p-3 m-0" name="login">
8 <div class="pt-3 pb-2 mb-3 border-bottom border-white">
9 <span>Ingreso de usuario</span>
10 </div>
11 <!-- USUARIO --> 8 <!-- USUARIO -->
12 <label 9 <div class="input-group mt-5 mb-4">
13 for="user"
14 class="login-small-text m-0">
15 Usuario
16 </label>
17 <div class="input-group mb-2">
18 <input 10 <input
19 class="form-control form-control-sm rounded-pill text-transform-none" 11 class="form-control form-control-sm rounded-pill text-transform-none"
20 type="text" 12 type="text"
13 placeholder="Ingrese su usuario"
21 id="user" 14 id="user"
22 ng-model="usuario.idUsuario" 15 ng-model="usuario.idUsuario"
23 ng-focus="paso = 1" 16 ng-focus="paso = 1"
24 foca-focus="paso === 1" 17 foca-focus="paso === 1"
25 ng-keyup="$event.keyCode == 13 && irPaso(2)" 18 ng-keyup="$event.keyCode == 13 && irPaso(2)"
26 ladda="loginLoading" 19 ladda="loginLoading"
27 teclado-virtual 20 teclado-virtual
28 /> 21 />
29 </div> 22 </div>
30 <!-- CONTRASEÑA --> 23 <!-- CONTRASEÑA -->
31 <label 24 <div class="input-group mb-4">
32 for="password"
33 class="login-small-text m-0">
34 Contraseña
35 </label>
36 <div class="input-group mb-2">
37 <input 25 <input
38 class="form-control form-control-sm rounded-pill text-transform-none pr-5" 26 class="form-control form-control-sm rounded-pill text-transform-none pr-5"
39 id="password" 27 id="password"
40 type="{{hidePassword ? 'password' : 'text'}}" 28 type="{{hidePassword ? 'password' : 'text'}}"
29 placeholder="Ingrese su contraseña"
41 ng-model="usuario.clave" 30 ng-model="usuario.clave"
42 foca-focus="paso == 2" 31 foca-focus="paso == 2"
43 ng-keyup="$event.keyCode == 13 && enviar()" 32 ng-keyup="$event.keyCode == 13 && enviar()"
44 ladda="loginLoading" 33 ladda="loginLoading"
45 teclado-virtual 34 teclado-virtual
46 /> 35 />
47 <div class="input-icon px-3"> 36 <div class="input-icon px-3">
48 <div ng-show="!hidePassword" ng-click="hidePassword = !hidePassword"> 37 <div ng-show="!hidePassword" ng-click="hidePassword = !hidePassword">
49 <i class="fade-in fa fa-eye"></i> 38 <i class="fade-in fa fa-eye"></i>
50 </div> 39 </div>
51 <div ng-show="hidePassword" ng-click="hidePassword = !hidePassword"> 40 <div ng-show="hidePassword" ng-click="hidePassword = !hidePassword">
52 <i class="fade-in fa fa-eye-slash"></i> 41 <i class="fade-in fa fa-eye-slash"></i>
53 </div> 42 </div>
54 </div> 43 </div>
55 </div> 44 </div>
56 <button 45 <button
57 type="button" 46 type="button"
58 ng-click="enviar()" 47 ng-click="enviar()"
59 class="btn btn-primary btn-block my-3" 48 class="btn btn-primary btn-sm btn-block mb-3"
60 ladda="loginLoading"> 49 ladda="loginLoading">
61 Ingresar 50 Ingresar
62 </button> 51 </button>
63 <a href="https://www.focasoftware.com.ar" target="_blank"> 52 <a href="https://www.focasoftware.com.ar" target="_blank">
64 <img 53 <img
65 src="img/logofoca.png" 54 src="img/logofoca.png"
66 class="w-50 rounded mx-auto py-2 d-block"> 55 class="w-50 rounded mx-auto py-2 d-block">
67 </a> 56 </a>
68 </form> 57 </form>
69 </div> 58 </div>
70 </div> 59 </div>