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 | 7 | |
8 | 8 | /** @ngInject */ |
9 | 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 | 11 | /** @ngInject */ |
24 | 12 | function NavbarController($log) { |
... | ... | @@ -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 @@ |
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 @@ |
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 @@ |
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 | 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 | 51 | .state('recuperar', { |
39 | 52 | url: '/recuperar', |
40 | 53 | ncyBreadcrumb: {label: 'Recuperar'}, | ... | ... |
src/app/pages/auth/auth.scss
... | ... | @@ -17,7 +17,6 @@ |
17 | 17 | &:focus {color: #fff;} |
18 | 18 | |
19 | 19 | &.btn-facebook { |
20 | - // background-color: #33477a; | |
21 | 20 | background-color: #496AA0; |
22 | 21 | |
23 | 22 | &:hover, |
... | ... | @@ -111,7 +110,7 @@ |
111 | 110 | cursor:pointer; |
112 | 111 | } |
113 | 112 | |
114 | - .dados-obrigatorios { | |
113 | + .text-right { | |
115 | 114 | float: right; |
116 | 115 | } |
117 | 116 | } | ... | ... |
... | ... | @@ -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 | 116 | <form name="loginForm"> |
117 | 117 | <div class="form-group"> |
118 | 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 | 120 | <input type="text" id="inputNome" class="form-control input-lg" required="true" autofocus=""> |
121 | 121 | </div> |
122 | 122 | <div class="form-group"> | ... | ... |