Commit f87913892b3ca7d3b2b330b4e71764b3d0acb05a

Authored by Rafael Diego
1 parent f0aff5fc

Detalhes da página de logine páginas de recuperação de senha

src/app/index.route.js
... ... @@ -35,6 +35,32 @@
35 35 'footer': { templateUrl: 'app/pages/footer/footer.html' }
36 36 }
37 37 })
  38 + .state('recuperar', {
  39 + url: '/recuperar',
  40 + ncyBreadcrumb: {label: 'Recuperar'},
  41 + views: {
  42 + 'header': { templateUrl: 'app/pages/header/header.html' },
  43 + 'main': {
  44 + templateUrl: 'app/pages/auth/recover.html',
  45 + controller: 'AuthPageController',
  46 + controllerAs: 'pageSignin'
  47 + },
  48 + 'footer': { templateUrl: 'app/pages/footer/footer.html' }
  49 + }
  50 + })
  51 + .state('alterar', {
  52 + url: '/alterar',
  53 + ncyBreadcrumb: {label: 'Alterar'},
  54 + views: {
  55 + 'header': { templateUrl: 'app/pages/header/header.html' },
  56 + 'main': {
  57 + templateUrl: 'app/pages/auth/change.html',
  58 + controller: 'AuthPageController',
  59 + controllerAs: 'pageSignin'
  60 + },
  61 + 'footer': { templateUrl: 'app/pages/footer/footer.html' }
  62 + }
  63 + })
38 64 .state('cadastrar', {
39 65 url: '/cadastrar',
40 66 ncyBreadcrumb: {label: 'Cadastrar'},
... ...
src/app/pages/auth/auth.scss
... ... @@ -110,4 +110,8 @@
110 110 vertical-align:middle;
111 111 cursor:pointer;
112 112 }
  113 +
  114 + .dados-obrigatorios {
  115 + float: right;
  116 + }
113 117 }
... ...
src/app/pages/auth/change.html 0 → 100644
... ... @@ -0,0 +1,63 @@
  1 + <div class="container">
  2 + <div class="row">
  3 + <div class="col-sm-12">
  4 + <h2>Esqueci minha senha</h2>
  5 + <h5>Agra é só criar e confirmar sua nova senha.</h5>
  6 + </div>
  7 + </div>
  8 +</div>
  9 +<section role="main" class="section-gray auth-content">
  10 + <div class="container">
  11 + <div class="row">
  12 + <!-- Mostra só se estiver logado -->
  13 + <div ng-if="pageSignin.currentUser">
  14 + <div class="row">
  15 + <div class="col-sm-8 col-sm-offset-2">
  16 + <h3>Você está logado!</h3>
  17 + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
  18 + </div>
  19 + </div>
  20 + </div>
  21 + <!-- Mostra só se não estiver logado -->
  22 + <div ng-if="!pageSignin.currentUser">
  23 + <br>
  24 + <div class="col-sm-8 col-sm-offset-2">
  25 + <div class="row">
  26 + <div class="col-md-12">
  27 + <form name="loginForm" ng-submit="">
  28 + <div class="row">
  29 + <div class="col-md-6">
  30 + <div class="form-group">
  31 + <label for="inputPassword">Senha*</label>
  32 + <input type="password" id="inputPassword" class="form-control input-lg" required="" autofocus="">
  33 + </div>
  34 + </div>
  35 + <div class="col-md-6">
  36 + <div class="form-group">
  37 + <label for="inputRepeatPassword">Confirmar senha*</label>
  38 + <input type="password" id="inputRepeatPassword" class="form-control input-lg" required="" autofocus="">
  39 + </div>
  40 + </div>
  41 + </div>
  42 + <div class="row">
  43 + <div class="col-sm-12">
  44 + <span>A senha deve ter 6 ou mais caracteres e conter números e letras.</span>
  45 + </div>
  46 + </div>
  47 + <br>
  48 + <div class="row">
  49 + <div class="col-md-6 col-sm-offset-3">
  50 + <div class="form-group">
  51 + <button class="btn btn-lg btn-block btn-submit" type="submit">Confirmar alteração de senha</button>
  52 + </div>
  53 + </div>
  54 + </div>
  55 + </form>
  56 + </div>
  57 + </div>
  58 + </div>
  59 + <br>
  60 + </div>
  61 + </div>
  62 + </div>
  63 +</section>
... ...
src/app/pages/auth/recover.html 0 → 100644
... ... @@ -0,0 +1,49 @@
  1 + <div class="container">
  2 + <div class="row">
  3 + <div class="col-sm-12">
  4 + <h2>Esqueci minha senha</h2>
  5 + <h5>Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.</h5>
  6 + </div>
  7 + </div>
  8 +</div>
  9 +<section role="main" class="section-gray auth-content">
  10 + <div class="container">
  11 + <div class="row">
  12 + <!-- Mostra só se estiver logado -->
  13 + <div ng-if="pageSignin.currentUser">
  14 + <div class="row">
  15 + <div class="col-sm-8 col-sm-offset-2">
  16 + <h3>Você está logado!</h3>
  17 + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
  18 + </div>
  19 + </div>
  20 + </div>
  21 + <!-- Mostra só se não estiver logado -->
  22 + <div ng-if="!pageSignin.currentUser">
  23 + <br>
  24 + <div class="col-sm-8 col-sm-offset-2">
  25 + <div class="row">
  26 + <div class="col-md-12">
  27 + <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)">
  28 + <div class="form-group">
  29 + <label for="inputUsername">E-mail*</label>
  30 + <input type="text" id="inputUsername" class="form-control input-lg" required="" autofocus="" ng-model="pageSignin.credentials.username">
  31 + </div>
  32 + <div class="form-group">
  33 + <div class="input-group">
  34 + <label for="inputPassword">Digite o texto desta imagem</label><br>
  35 + <span>Aqui vai um CAPTCHA</span>
  36 + </div>
  37 + </div>
  38 + <div class="form-group">
  39 + <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button>
  40 + </div>
  41 + </form>
  42 + </div>
  43 + </div>
  44 + </div>
  45 + <br>
  46 + </div>
  47 + </div>
  48 + </div>
  49 +</section>
... ...
src/app/pages/auth/signin.html
  1 + <div class="container">
  2 + <div class="row">
  3 + <div class="col-sm-12">
  4 + <h2>Cadastrar ou entrar</h2>
  5 + </div>
  6 + </div>
  7 +</div>
1 8 <section role="main" class="section-gray auth-content">
2 9 <div class="container">
3 10 <div class="row">
... ... @@ -12,10 +19,9 @@
12 19 </div>
13 20 <!-- Mostra só se não estiver logado -->
14 21 <div ng-if="!pageSignin.currentUser">
15   -
16 22 <div class="col-sm-6">
17 23 <div class="row">
18   - <div class="col-sm-10 col-sm-offset-2">
  24 + <div class="col-md-12">
19 25 <h2>Já possui cadastro</h2>
20 26 <p>Use seus dados para acessar o Dialoga Brasil</p>
21 27 <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)">
... ... @@ -36,12 +42,12 @@
36 42 </div>
37 43 </div>
38 44 <div class="row">
39   - <div class="col-sm-10 col-sm-offset-2">
  45 + <div class="col-md-12">
40 46 <hr class="separator separator-or"></hr>
41 47 </div>
42 48 </div>
43 49 <div class="row">
44   - <div class="col-md-5 col-md-offset-2">
  50 + <div class="col-md-5">
45 51 <button type="button" class="btn btn-lg btn-block btn-social btn-facebook">
46 52 <div class="border-social-icon border-social-facebook">
47 53 <span class="glyphicon icon-google-plus icon-white" aria-hidden="true">
... ... @@ -110,6 +116,7 @@
110 116 <form name="loginForm">
111 117 <div class="form-group">
112 118 <label for="inputNome">Nome:</label>
  119 + <span class="dados-obrigatorios">*Dados obrigatórios</span>
113 120 <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus="">
114 121 </div>
115 122 <div class="form-group">
... ...