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