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 | ... | ... |