Commit b64dc8c40c9741abc0bf3919ce6e714ccdcc47f3
1 parent
e8fc4945
Exists in
master
and in
8 other branches
Versão inicial do modal termos de uso
Showing
4 changed files
with
170 additions
and
8 deletions
Show diff stats
src/app/layout.scss
... | ... | @@ -60,4 +60,28 @@ |
60 | 60 | |
61 | 61 | .error-message { |
62 | 62 | color: #ff4431 |
63 | +} | |
64 | + | |
65 | +.modal-termos-uso { | |
66 | + height: 500px; | |
67 | +} | |
68 | + | |
69 | +.modal-termos-uso-body { | |
70 | + padding: 30px; | |
71 | + | |
72 | + .modal-termos-uso-inner { | |
73 | + padding: 30px; | |
74 | + background-color: lightgray; | |
75 | + } | |
76 | + | |
77 | + .modal-termos-uso-header{ | |
78 | + border-bottom: none; | |
79 | + padding: 0px; | |
80 | + min-height: 10px; | |
81 | + } | |
82 | +} | |
83 | + | |
84 | +.modal-header { | |
85 | + border-bottom: none; | |
86 | + padding: 0px; | |
63 | 87 | } |
64 | 88 | \ No newline at end of file | ... | ... |
src/app/pages/auth/change.html
1 | - | |
2 | 1 | <div class="container"> |
3 | 2 | <div class="row"> |
4 | 3 | <div class="col-sm-12"> |
... | ... | @@ -36,7 +35,8 @@ |
36 | 35 | <div class="row"> |
37 | 36 | <div class="col-md-6"> |
38 | 37 | <div class="form-group"> |
39 | - <label for="inputPassword">Senha*</label> <input | |
38 | + <label for="inputPassword">Senha*</label> | |
39 | + <input | |
40 | 40 | type="password" |
41 | 41 | id="inputPassword" |
42 | 42 | name="inputPassword" |
... | ... | @@ -53,7 +53,8 @@ |
53 | 53 | </div> |
54 | 54 | <div class="col-md-6"> |
55 | 55 | <div class="form-group"> |
56 | - <label for="inputRepeatPassword">Confirmar senha*</label> <input | |
56 | + <label for="inputRepeatPassword">Confirmar senha*</label> | |
57 | + <input | |
57 | 58 | type="password" |
58 | 59 | id="inputRepeatPassword" |
59 | 60 | name="inputRepeatPassword" |
... | ... | @@ -71,7 +72,9 @@ |
71 | 72 | </div> |
72 | 73 | <div class="row"> |
73 | 74 | <div class="col-sm-12"> |
74 | - <span>A senha deve ter 6 ou mais caracteres e conter números e letras.</span> | |
75 | + <span> | |
76 | + A senha deve ter 6 ou mais caracteres e conter números e letras. | |
77 | + </span> | |
75 | 78 | </div> |
76 | 79 | </div> |
77 | 80 | <br> |
... | ... | @@ -88,8 +91,7 @@ |
88 | 91 | </div> |
89 | 92 | </div> |
90 | 93 | </div> |
91 | - <br> | |
92 | - </div> | |
94 | + <br></div> | |
93 | 95 | </div> |
94 | 96 | </div> |
95 | 97 | -</section> |
98 | +</section> | |
96 | 99 | \ No newline at end of file | ... | ... |
src/app/pages/auth/message.html
... | ... | @@ -7,4 +7,48 @@ |
7 | 7 | title="'Cadastro efetuado com sucesso :)'" |
8 | 8 | message="'Agora você faz parte do Dialoga Brasil. Você será redirecionado para a página (página) em 10 segundos'"></show-message> |
9 | 9 | </div> |
10 | -</section> | |
10 | + | |
11 | + <a href="#termosDeUso" data-toggle="modal">Termos de Uso</a> | |
12 | + | |
13 | + <div class="modal fade modal-termos-uso" id="termosDeUso" tabindex="-1" role="dialog" aria-labelledby="termosDeUsoLabel"> | |
14 | + <div class="modal-dialog" role="document"> | |
15 | + <div class="modal-content"> | |
16 | + <div class="modal-header modal-termos-uso-header"> | |
17 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |
18 | + <span aria-hidden="true">×</span> | |
19 | + </button> | |
20 | + </div> | |
21 | + <div class="modal-body modal-termos-uso-body"> | |
22 | + <div class="modal-termos-uso-body modal-termos-uso-inner"> | |
23 | + <span>Termos de Uso</span> | |
24 | + <p> | |
25 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
26 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
27 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
28 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
29 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
30 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
31 | + </p> | |
32 | + <p> | |
33 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
34 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
35 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
36 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
37 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
38 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
39 | + </p> | |
40 | + <p> | |
41 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
42 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
43 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
44 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
45 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
46 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
47 | + </p> | |
48 | + | |
49 | + </div> | |
50 | + </div> | |
51 | + </div> | |
52 | + </div> | |
53 | + </div> | |
54 | +</section> | |
11 | 55 | \ No newline at end of file | ... | ... |
... | ... | @@ -0,0 +1,92 @@ |
1 | +<div class="modal fade modalTermosDeUso" id="termosDeUso" tabindex="-1" role="dialog" aria-labelledby="termosDeUsoLabel"> | |
2 | + <div class="modal-dialog" role="document"> | |
3 | + <div class="modal-content"> | |
4 | + <div class="modal-header"> | |
5 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
6 | + <h4 class="modal-title" id="termosDeUsoLabel">Termos de Uso</h4> | |
7 | + </div> | |
8 | + <div class="modal-body"> | |
9 | + <p> | |
10 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
11 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
12 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
13 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
14 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
15 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
16 | + </p> | |
17 | + | |
18 | + <p> | |
19 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
20 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
21 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
22 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
23 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
24 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
25 | + </p> | |
26 | + | |
27 | + <p> | |
28 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
29 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
30 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
31 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
32 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
33 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
34 | + </p> | |
35 | + | |
36 | + <p> | |
37 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
38 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
39 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
40 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
41 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
42 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
43 | + </p> | |
44 | + | |
45 | + <p> | |
46 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
47 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
48 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
49 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
50 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
51 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
52 | + </p> | |
53 | + | |
54 | + <p> | |
55 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
56 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
57 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
58 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
59 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
60 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
61 | + </p> | |
62 | + | |
63 | + <p> | |
64 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
65 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
66 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
67 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
68 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
69 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
70 | + </p> | |
71 | + | |
72 | + <p> | |
73 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
74 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
75 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
76 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
77 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
78 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
79 | + </p> | |
80 | + | |
81 | + <p> | |
82 | + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
83 | + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, | |
84 | + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo | |
85 | + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse | |
86 | + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non | |
87 | + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | |
88 | + </p> | |
89 | + </div> | |
90 | + </div> | |
91 | + </div> | |
92 | + </div> | |
0 | 93 | \ No newline at end of file | ... | ... |