Commit c341e07f1be0139d6faf7a7c1e146180e72fe552

Authored by Marcelo Puebla
Exists in master and in 2 other branches demo, develop

Merge branch 'master' into 'develop'

Master(mpuebla)

See merge request !23
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>