Download as
Browse Code »

Commit b64dc8c40c9741abc0bf3919ce6e714ccdcc47f3

Authored by Rafael Diego
1 parent e8fc4945
Exists in master and in 8 other branches css-list, feature-captcha, feature-proposal-vote, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

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
  Diff comments   View file @b64dc8c
@@ -60,4 +60,28 @@ @@ -60,4 +60,28 @@
60 60
61 .error-message { 61 .error-message {
62 color: #ff4431 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 \ No newline at end of file 88 \ No newline at end of file
src/app/pages/auth/change.html
  Diff comments   View file @b64dc8c
1 -  
2 <div class="container"> 1 <div class="container">
3 <div class="row"> 2 <div class="row">
4 <div class="col-sm-12"> 3 <div class="col-sm-12">
@@ -36,7 +35,8 @@ @@ -36,7 +35,8 @@
36 <div class="row"> 35 <div class="row">
37 <div class="col-md-6"> 36 <div class="col-md-6">
38 <div class="form-group"> 37 <div class="form-group">
39 - <label for="inputPassword">Senha*</label> <input 38 + <label for="inputPassword">Senha*</label>
  39 + <input
40 type="password" 40 type="password"
41 id="inputPassword" 41 id="inputPassword"
42 name="inputPassword" 42 name="inputPassword"
@@ -53,7 +53,8 @@ @@ -53,7 +53,8 @@
53 </div> 53 </div>
54 <div class="col-md-6"> 54 <div class="col-md-6">
55 <div class="form-group"> 55 <div class="form-group">
56 - <label for="inputRepeatPassword">Confirmar senha*</label> <input 56 + <label for="inputRepeatPassword">Confirmar senha*</label>
  57 + <input
57 type="password" 58 type="password"
58 id="inputRepeatPassword" 59 id="inputRepeatPassword"
59 name="inputRepeatPassword" 60 name="inputRepeatPassword"
@@ -71,7 +72,9 @@ @@ -71,7 +72,9 @@
71 </div> 72 </div>
72 <div class="row"> 73 <div class="row">
73 <div class="col-sm-12"> 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 </div> 78 </div>
76 </div> 79 </div>
77 <br> 80 <br>
@@ -88,8 +91,7 @@ @@ -88,8 +91,7 @@
88 </div> 91 </div>
89 </div> 92 </div>
90 </div> 93 </div>
91 - <br>  
92 - </div> 94 + <br></div>
93 </div> 95 </div>
94 </div> 96 </div>
95 -</section> 97 -</section>
  98 +</section>
96 \ No newline at end of file 99 \ No newline at end of file
src/app/pages/auth/message.html
  Diff comments   View file @b64dc8c
@@ -7,4 +7,48 @@ @@ -7,4 +7,48 @@
7 title="'Cadastro efetuado com sucesso :)'" 7 title="'Cadastro efetuado com sucesso :)'"
8 message="'Agora você faz parte do Dialoga Brasil. Você será redirecionado para a página (página) em 10 segundos'"></show-message> 8 message="'Agora você faz parte do Dialoga Brasil. Você será redirecionado para a página (página) em 10 segundos'"></show-message>
9 </div> 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 \ No newline at end of file 55 \ No newline at end of file
src/app/pages/geral/termosDeUso.html 0 → 100644
  Diff comments   View file @b64dc8c
@@ -0,0 +1,92 @@ @@ -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 \ No newline at end of file 93 \ No newline at end of file