Commit b64dc8c40c9741abc0bf3919ce6e714ccdcc47f3

Authored by Rafael Diego
1 parent e8fc4945

Versão inicial do modal termos de uso

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">&times;</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
... ...
src/app/pages/geral/termosDeUso.html 0 → 100644
... ... @@ -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">&times;</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
... ...