Commit 3245ee82c2dc8b53be25acd1fa5b4d5248573aac
Exists in
master
cambio de colores
Showing
2 changed files
Show diff stats
package.json
... | ... | @@ -4,6 +4,8 @@ |
4 | 4 | "description": "Login", |
5 | 5 | "main": "dist/foca-login.js", |
6 | 6 | "scripts": { |
7 | + "refresh": "gulp uglify && cp tmp/foca-login.js ../wrapper-demo/node_modules/foca-login/dist/foca-login.min.js", | |
8 | + "frefresh": "gulp uglify && cp tmp/foca-login.js ../wrapper-facturador/node_modules/foca-login/dist/foca-login.min.js", | |
7 | 9 | "test": "echo \"Error: no test specified\" && exit 1", |
8 | 10 | "gulp-pre-commit": "gulp pre-commit", |
9 | 11 | "postinstall": "gulp uglify && gulp clean-post-install", |
src/views/foca-login.html
1 | -<div class="login"> | |
2 | - <form name="login"> | |
3 | - <div class="login-titulo"> | |
4 | - <span>Ingreso de usuario</span> | |
1 | +<div class="row mt-5 overflow-hidden"> | |
2 | + <div class="col p-0"> | |
3 | + <div class="row mt-5 justify-content-center"> | |
4 | + <div class="col-auto p-0"> | |
5 | + <img src="./img/logofoca.png" alt="Debo Logo"> | |
6 | + </div> | |
5 | 7 | </div> |
6 | - <div class="login-campo"> | |
7 | - <label>Usuario</label> | |
8 | - <input | |
9 | - type = "text" | |
10 | - ng-model = "usuario.idUsuario" | |
11 | - ng-focus = "paso = 1" | |
12 | - foca-focus = "paso == 1" | |
13 | - ng-keyup = "$event.keyCode == 13 && irPaso(2)" | |
14 | - ladda = "loginLoading" | |
15 | - teclado-virtual | |
16 | - /> | |
8 | + | |
9 | + <div class="row justify-content-center m-5"> | |
10 | + <div class="col col-sm-10 col-md-5 col-lg-4 bg-gray-gradient shadow rounded-2"> | |
11 | + <form name="login"> | |
12 | + <div class="row my-2 justify-content-center"> | |
13 | + <div class="col border-bottom border-white"> | |
14 | + <p class="mb-2 text-center">Ingreso de usuario</p> | |
15 | + </div> | |
16 | + </div> | |
17 | + <div class="row mb-2"> | |
18 | + <div class="col px-4"> | |
19 | + <p class="mb-0 text-center">Usuario</p> | |
20 | + <input | |
21 | + class="form-control form-control-sm" | |
22 | + type="text" | |
23 | + ng-model="usuario.idUsuario" | |
24 | + ng-focus="paso = 1" | |
25 | + foca-focus="paso == 1" | |
26 | + ng-keyup="$event.keyCode == 13 && irPaso(2)" | |
27 | + ladda="loginLoading" | |
28 | + teclado-virtual | |
29 | + /> | |
30 | + </div> | |
31 | + </div> | |
32 | + <div class="row mb-3"> | |
33 | + <div class="col px-4"> | |
34 | + <p class="mb-0 text-center">Contraseña</p> | |
35 | + <input | |
36 | + class="form-control form-control-sm" | |
37 | + id="password" | |
38 | + type="password" | |
39 | + ng-model="usuario.clave" | |
40 | + foca-focus="paso == 2" | |
41 | + ng-keyup="$event.keyCode == 13 && enviar()" | |
42 | + ladda="loginLoading" | |
43 | + teclado-virtual | |
44 | + /> | |
45 | + </div> | |
46 | + </div> | |
47 | + <div class="row mb-5"> | |
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> | |
57 | + </div> | |
58 | + </form> | |
59 | + </div> | |
17 | 60 | </div> |
18 | - <div class="login-campo"> | |
19 | - <label>Contraseña</label> | |
20 | - <input | |
21 | - id = "password" | |
22 | - type = "password" | |
23 | - ng-model = "usuario.clave" | |
24 | - foca-focus = "paso == 2" | |
25 | - ng-keyup = "$event.keyCode == 13 && enviar()" | |
26 | - ladda = "loginLoading" | |
27 | - teclado-virtual | |
28 | - /> | |
29 | - </div> | |
30 | - <button | |
31 | - type="button" | |
32 | - ng-click="enviar()" | |
33 | - class="login-button btn mt-3 btn-login" | |
34 | - ladda="loginLoading" | |
35 | - >Ingresar</button> | |
36 | - </form> | |
61 | + </div> | |
37 | 62 | </div> |