Commit c84a65b2482248f2509e4360c9d22620e2858078
1 parent
f8791389
Exists in
master
and in
8 other branches
Páginas de mensagens
Showing
8 changed files
with
105 additions
and
15 deletions
Show diff stats
src/app/components/navbar/navbar.directive.js
@@ -7,18 +7,6 @@ | @@ -7,18 +7,6 @@ | ||
7 | 7 | ||
8 | /** @ngInject */ | 8 | /** @ngInject */ |
9 | function appNavbar() { | 9 | function appNavbar() { |
10 | - var directive = { | ||
11 | - restrict: 'E', | ||
12 | - templateUrl: 'app/components/navbar/navbar.html', | ||
13 | - scope: { | ||
14 | - creationDate: '=' | ||
15 | - }, | ||
16 | - controller: NavbarController, | ||
17 | - controllerAs: 'vm', | ||
18 | - bindToController: true | ||
19 | - }; | ||
20 | - | ||
21 | - return directive; | ||
22 | 10 | ||
23 | /** @ngInject */ | 11 | /** @ngInject */ |
24 | function NavbarController($log) { | 12 | function NavbarController($log) { |
@@ -32,6 +20,18 @@ | @@ -32,6 +20,18 @@ | ||
32 | }; | 20 | }; |
33 | } | 21 | } |
34 | 22 | ||
23 | + var directive = { | ||
24 | + restrict: 'E', | ||
25 | + templateUrl: 'app/components/navbar/navbar.html', | ||
26 | + scope: { | ||
27 | + creationDate: '=' | ||
28 | + }, | ||
29 | + controller: NavbarController, | ||
30 | + controllerAs: 'vm', | ||
31 | + bindToController: true | ||
32 | + }; | ||
33 | + | ||
34 | + return directive; | ||
35 | } | 35 | } |
36 | 36 | ||
37 | })(); | 37 | })(); |
@@ -0,0 +1,18 @@ | @@ -0,0 +1,18 @@ | ||
1 | +<div id="message" class="show-message"> | ||
2 | + <div class="row"> | ||
3 | + <div class="col-sm-1 col-sm-offset-2"> | ||
4 | + <div ng-class="{ 'success': vm.type, 'error': !vm.type }" class="message-border"> | ||
5 | + <span class="glyphicon glyphicon-ok icon-white" aria-hidden="true"></span> | ||
6 | + </div> | ||
7 | + </div> | ||
8 | + <div class="col-sm-4"><h3>{{ vm.title }}</h3></div> | ||
9 | + </div> | ||
10 | + <div class="row"> | ||
11 | + <div class="col-sm-8 col-sm-offset-3"> | ||
12 | + <h5>{{ vm.message }}</h5> | ||
13 | + </div> | ||
14 | + </div> | ||
15 | +</div> | ||
16 | + | ||
17 | +<!-- add the class 'text-success' if the variable 'awesome' is true --> | ||
18 | +<!-- <div ng-class="{ 'text-success': awesome, 'text-large': giant }"> --> |
src/app/components/show-message/show-message.directive.js
0 → 100644
@@ -0,0 +1,35 @@ | @@ -0,0 +1,35 @@ | ||
1 | +(function() { | ||
2 | + 'use strict'; | ||
3 | + | ||
4 | + angular | ||
5 | + .module('dialoga') | ||
6 | + .directive('showMessage', showMessage); | ||
7 | + | ||
8 | + /** @ngInject */ | ||
9 | + function showMessage() { | ||
10 | + | ||
11 | + /** @ngInject */ | ||
12 | + function ShowMessageController($log) { | ||
13 | + $log.debug('ShowMessageController'); | ||
14 | + | ||
15 | + var vm = this; | ||
16 | + | ||
17 | + } | ||
18 | + | ||
19 | + var directive = { | ||
20 | + restrict: 'E', | ||
21 | + templateUrl: 'app/components/show-message/message.html', | ||
22 | + scope: { | ||
23 | + type: '=', | ||
24 | + title: '=', | ||
25 | + message: '=' | ||
26 | + }, | ||
27 | + controller: ShowMessageController, | ||
28 | + controllerAs: 'vm', | ||
29 | + bindToController: true | ||
30 | + }; | ||
31 | + | ||
32 | + return directive; | ||
33 | + } | ||
34 | + | ||
35 | +})(); |
@@ -0,0 +1,17 @@ | @@ -0,0 +1,17 @@ | ||
1 | +.show-message { | ||
2 | + | ||
3 | + .message-border { | ||
4 | + border-radius: 40px; | ||
5 | + padding: 30px 7px; | ||
6 | + width: 80px; | ||
7 | + height: 80px; | ||
8 | + display: inline-block; | ||
9 | + background-color: #496AA0; | ||
10 | + } | ||
11 | + .success { | ||
12 | + background-color: #8AB34D; | ||
13 | + } | ||
14 | + .error { | ||
15 | + background-color: #C93E55; | ||
16 | + } | ||
17 | +} |
src/app/index.route.js
@@ -35,6 +35,19 @@ | @@ -35,6 +35,19 @@ | ||
35 | 'footer': { templateUrl: 'app/pages/footer/footer.html' } | 35 | 'footer': { templateUrl: 'app/pages/footer/footer.html' } |
36 | } | 36 | } |
37 | }) | 37 | }) |
38 | + .state('mensagem', { | ||
39 | + url: '/mensagem', | ||
40 | + ncyBreadcrumb: {label: 'Mensagem'}, | ||
41 | + views: { | ||
42 | + 'header': { templateUrl: 'app/pages/header/header.html' }, | ||
43 | + 'main': { | ||
44 | + templateUrl: 'app/pages/auth/message.html', | ||
45 | + controller: 'AuthPageController', | ||
46 | + controllerAs: 'pageSignin' | ||
47 | + }, | ||
48 | + 'footer': { templateUrl: 'app/pages/footer/footer.html' } | ||
49 | + } | ||
50 | + }) | ||
38 | .state('recuperar', { | 51 | .state('recuperar', { |
39 | url: '/recuperar', | 52 | url: '/recuperar', |
40 | ncyBreadcrumb: {label: 'Recuperar'}, | 53 | ncyBreadcrumb: {label: 'Recuperar'}, |
src/app/pages/auth/auth.scss
@@ -17,7 +17,6 @@ | @@ -17,7 +17,6 @@ | ||
17 | &:focus {color: #fff;} | 17 | &:focus {color: #fff;} |
18 | 18 | ||
19 | &.btn-facebook { | 19 | &.btn-facebook { |
20 | - // background-color: #33477a; | ||
21 | background-color: #496AA0; | 20 | background-color: #496AA0; |
22 | 21 | ||
23 | &:hover, | 22 | &:hover, |
@@ -111,7 +110,7 @@ | @@ -111,7 +110,7 @@ | ||
111 | cursor:pointer; | 110 | cursor:pointer; |
112 | } | 111 | } |
113 | 112 | ||
114 | - .dados-obrigatorios { | 113 | + .text-right { |
115 | float: right; | 114 | float: right; |
116 | } | 115 | } |
117 | } | 116 | } |
@@ -0,0 +1,8 @@ | @@ -0,0 +1,8 @@ | ||
1 | +<section role="main" class="section-gray auth-content"> | ||
2 | + <div class="container"> | ||
3 | + | ||
4 | + <show-message type="true" title="'Cadastro efetuado com sucesso :)'" message="'Agora você faz parte do Dialoga Brasil. Você será redirecionado para a página (página) em 10 segundos'"></show-message> | ||
5 | + <!-- <show-message type="false" title="'Infelizmente não conseguimos efetuar o seu cadastro :('" message="'Por favor, tente novamente mais tarde ou entre em contato através da página de Dúvidas.'"></show-message> --> | ||
6 | + | ||
7 | + </div> | ||
8 | +</section> |
src/app/pages/auth/signin.html
@@ -116,7 +116,7 @@ | @@ -116,7 +116,7 @@ | ||
116 | <form name="loginForm"> | 116 | <form name="loginForm"> |
117 | <div class="form-group"> | 117 | <div class="form-group"> |
118 | <label for="inputNome">Nome:</label> | 118 | <label for="inputNome">Nome:</label> |
119 | - <span class="dados-obrigatorios">*Dados obrigatórios</span> | 119 | + <span class="text-right">*Dados obrigatórios</span> |
120 | <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=""> |
121 | </div> | 121 | </div> |
122 | <div class="form-group"> | 122 | <div class="form-group"> |