Commit c341e07f1be0139d6faf7a7c1e146180e72fe552
Exists in
master
and in
2 other branches
Merge branch 'master' into 'develop'
Master(mpuebla) See merge request !23
Showing
1 changed file
Show diff stats
src/views/foca-login.html
1 | -<div> | |
2 | -<img src="img/logo.png" class="img-login rounded mx-auto d-block"> | |
3 | -<div class="login mt-5 p-3 border-0"> | |
4 | - <form name="login"> | |
5 | - <div class="login-titulo"> | |
6 | - <span>Ingreso de usuario</span> | |
1 | +<div class="row justify-content-center align-items-center"> | |
2 | + <div class="col-12 my-2"> | |
3 | + <img src="img/logo.png" class="img-login mx-auto d-block"> | |
4 | + </div> | |
5 | + <div class="col-8 col-sm-6 col-md-4 col-lg-3 my-2 align-self-stretch"> | |
6 | + <div class="bg-gradient-login border-0 rounded shadow-sm text-center"> | |
7 | + <form class="p-3 m-0" name="login"> | |
8 | + <div class="pt-3 pb-2 border-bottom border-white"> | |
9 | + <span>Ingreso de usuario</span> | |
10 | + </div> | |
11 | + <!-- USUARIO --> | |
12 | + <div class="form-group my-2"> | |
13 | + <label | |
14 | + for="user" | |
15 | + class="login-small-text m-0"> | |
16 | + Usuario | |
17 | + </label> | |
18 | + <input | |
19 | + class="form-control form-control-sm badge-pill text-transform-none" | |
20 | + type="text" | |
21 | + id="user" | |
22 | + ng-model="usuario.idUsuario" | |
23 | + ng-focus="paso = 1" | |
24 | + foca-focus="paso === 1" | |
25 | + ng-keyup="$event.keyCode == 13 && irPaso(2)" | |
26 | + ladda="loginLoading" | |
27 | + teclado-virtual | |
28 | + /> | |
29 | + </div> | |
30 | + <!-- CONTRASEÑA --> | |
31 | + <div class="form-group my-2"> | |
32 | + <label | |
33 | + for="password" | |
34 | + class="login-small-text m-0"> | |
35 | + Contraseña | |
36 | + </label> | |
37 | + <input | |
38 | + class="form-control form-control-sm badge-pill" | |
39 | + id="password" | |
40 | + type="password" | |
41 | + ng-model="usuario.clave" | |
42 | + foca-focus="paso == 2" | |
43 | + ng-keyup="$event.keyCode == 13 && enviar()" | |
44 | + ladda="loginLoading" | |
45 | + teclado-virtual | |
46 | + /> | |
47 | + </div> | |
48 | + <button | |
49 | + type="button" | |
50 | + ng-click="enviar()" | |
51 | + class="btn btn-primary btn-block my-3" | |
52 | + ladda="loginLoading"> | |
53 | + Ingresar | |
54 | + </button> | |
55 | + <img | |
56 | + src="img/logo-foca.png" | |
57 | + class="w-50 rounded mx-auto py-2 d-block"> | |
58 | + </form> | |
7 | 59 | </div> |
8 | - <div class="login-campo"> | |
9 | - <label>Usuario</label> | |
10 | - <input | |
11 | - type = "text" | |
12 | - ng-model = "usuario.idUsuario" | |
13 | - ng-focus = "paso = 1" | |
14 | - foca-focus = "paso == 1" | |
15 | - ng-keyup = "$event.keyCode == 13 && irPaso(2)" | |
16 | - ladda = "loginLoading" | |
17 | - teclado-virtual | |
18 | - /> | |
19 | - </div> | |
20 | - <div class="login-campo"> | |
21 | - <label>Contraseña</label> | |
22 | - <input | |
23 | - id = "password" | |
24 | - type = "password" | |
25 | - ng-model = "usuario.clave" | |
26 | - foca-focus = "paso == 2" | |
27 | - ng-keyup = "$event.keyCode == 13 && enviar()" | |
28 | - ladda = "loginLoading" | |
29 | - teclado-virtual | |
30 | - /> | |
31 | - </div> | |
32 | - <button | |
33 | - type="button" | |
34 | - ng-click="enviar()" | |
35 | - class="login-button btn mt-3 btn-login" | |
36 | - ladda="loginLoading" | |
37 | - >Ingresar</button> | |
38 | - </form> | |
39 | - <img src="img/logo-foca.png" class="w-50 rounded mx-auto d-block"> | |
40 | -</div> | |
60 | + </div> | |
41 | 61 | </div> |