Commit f87913892b3ca7d3b2b330b4e71764b3d0acb05a
1 parent
f0aff5fc
Exists in
master
and in
8 other branches
Detalhes da página de logine páginas de recuperação de senha
Showing
5 changed files
with
153 additions
and
4 deletions
Show diff stats
src/app/index.route.js
| @@ -35,6 +35,32 @@ | @@ -35,6 +35,32 @@ | ||
| 35 | 'footer': { templateUrl: 'app/pages/footer/footer.html' } | 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 | .state('cadastrar', { | 64 | .state('cadastrar', { |
| 39 | url: '/cadastrar', | 65 | url: '/cadastrar', |
| 40 | ncyBreadcrumb: {label: 'Cadastrar'}, | 66 | ncyBreadcrumb: {label: 'Cadastrar'}, |
src/app/pages/auth/auth.scss
| @@ -0,0 +1,63 @@ | @@ -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> |
| @@ -0,0 +1,49 @@ | @@ -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 | <section role="main" class="section-gray auth-content"> | 8 | <section role="main" class="section-gray auth-content"> |
| 2 | <div class="container"> | 9 | <div class="container"> |
| 3 | <div class="row"> | 10 | <div class="row"> |
| @@ -12,10 +19,9 @@ | @@ -12,10 +19,9 @@ | ||
| 12 | </div> | 19 | </div> |
| 13 | <!-- Mostra só se não estiver logado --> | 20 | <!-- Mostra só se não estiver logado --> |
| 14 | <div ng-if="!pageSignin.currentUser"> | 21 | <div ng-if="!pageSignin.currentUser"> |
| 15 | - | ||
| 16 | <div class="col-sm-6"> | 22 | <div class="col-sm-6"> |
| 17 | <div class="row"> | 23 | <div class="row"> |
| 18 | - <div class="col-sm-10 col-sm-offset-2"> | 24 | + <div class="col-md-12"> |
| 19 | <h2>Já possui cadastro</h2> | 25 | <h2>Já possui cadastro</h2> |
| 20 | <p>Use seus dados para acessar o Dialoga Brasil</p> | 26 | <p>Use seus dados para acessar o Dialoga Brasil</p> |
| 21 | <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> | 27 | <form name="loginForm" ng-submit="pageSignin.login(pageSignin.credentials)"> |
| @@ -36,12 +42,12 @@ | @@ -36,12 +42,12 @@ | ||
| 36 | </div> | 42 | </div> |
| 37 | </div> | 43 | </div> |
| 38 | <div class="row"> | 44 | <div class="row"> |
| 39 | - <div class="col-sm-10 col-sm-offset-2"> | 45 | + <div class="col-md-12"> |
| 40 | <hr class="separator separator-or"></hr> | 46 | <hr class="separator separator-or"></hr> |
| 41 | </div> | 47 | </div> |
| 42 | </div> | 48 | </div> |
| 43 | <div class="row"> | 49 | <div class="row"> |
| 44 | - <div class="col-md-5 col-md-offset-2"> | 50 | + <div class="col-md-5"> |
| 45 | <button type="button" class="btn btn-lg btn-block btn-social btn-facebook"> | 51 | <button type="button" class="btn btn-lg btn-block btn-social btn-facebook"> |
| 46 | <div class="border-social-icon border-social-facebook"> | 52 | <div class="border-social-icon border-social-facebook"> |
| 47 | <span class="glyphicon icon-google-plus icon-white" aria-hidden="true"> | 53 | <span class="glyphicon icon-google-plus icon-white" aria-hidden="true"> |
| @@ -110,6 +116,7 @@ | @@ -110,6 +116,7 @@ | ||
| 110 | <form name="loginForm"> | 116 | <form name="loginForm"> |
| 111 | <div class="form-group"> | 117 | <div class="form-group"> |
| 112 | <label for="inputNome">Nome:</label> | 118 | <label for="inputNome">Nome:</label> |
| 119 | + <span class="dados-obrigatorios">*Dados obrigatórios</span> | ||
| 113 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> | 120 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> |
| 114 | </div> | 121 | </div> |
| 115 | <div class="form-group"> | 122 | <div class="form-group"> |