Commit 51ce46d068b2ddf1a4c6c431fa054135f7e35781
Exists in
master
and in
8 other branches
Merge branch 'rafael' into merlin
Showing
15 changed files
with
288 additions
and
224 deletions
Show diff stats
.editorconfig
.gitignore
src/app/components/cadastro-proposta/cadastro-proposta.html
1 | 1 | <div id="message" class="envio-proposta"> |
2 | - <div class="row linha-proposta"> | |
3 | - <div class="col-sm-8"> | |
4 | - <span class="titulo-envio-proposta">Faça sua proposta</span> | |
5 | - <p> | |
6 | - Aqui você cadastra sua proposta e ajuda a construir um Brasil melhor. | |
7 | - </p> | |
8 | - </div> | |
9 | - </div> | |
10 | - <div class="row linha-proposta"> | |
11 | - <div class="col-sm-8"> | |
12 | - <p>Você está fazendo uma proposta para o programa:</p> | |
13 | - <div class="bloco-programa"> | |
14 | - <span class="texto-programa">Nome do progama</span> | |
15 | - </div> | |
16 | - </div> | |
17 | - </div> | |
18 | - <form role="form" name="testeForm" ng-submit="pageSignin.login(pageSignin.credentials)" novalidate> | |
19 | - <div class="form-group"> | |
20 | - <div class="row linha-proposta"> | |
21 | - <div class="col-sm-8"> | |
22 | - <span>Descrição da proposta*</span> | |
23 | - <div class="teste"><a tabindex="0" class="btn btn-link link-popover" role="button" data-toggle="popover" data-trigger="focus">?</a></div> | |
24 | - <textarea id="proposta" name="proposta" class="texto-proposta form-control" | |
25 | - ng-class="{ 'has-error' : testeForm.proposta.$invalid && testeForm.proposta.$touched }" | |
26 | - ng-model="proposta" | |
27 | - required ng-maxlength="200" ></textarea> | |
28 | - <validation-messages field="testeForm.proposta" maxlength="'Ops, esse campo não pode ser maior que 200 caracteres.'"/> | |
29 | - <span class="pull-left">*Dados obrigatórios</span> | |
30 | - <span class="pull-right">Máx. 200 caracteres</span> | |
31 | - </div> | |
32 | - </div> | |
33 | - </div> | |
34 | - <div class="form-group"> | |
35 | - <div class="col-sm-4"> | |
36 | - <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Proposta</button> | |
37 | - </div> | |
38 | - </div> | |
39 | -</form> | |
2 | + <div class="row linha-proposta"> | |
3 | + <div class="col-sm-8"> | |
4 | + <span class="titulo-envio-proposta">Faça sua proposta</span> | |
5 | + <p> | |
6 | + Aqui você cadastra sua proposta e ajuda a construir um Brasil melhor. | |
7 | + </p> | |
8 | + </div> | |
9 | + </div> | |
10 | + <div class="row linha-proposta"> | |
11 | + <div class="col-sm-8"> | |
12 | + <p>Você está fazendo uma proposta para o programa:</p> | |
13 | + <div class="bloco-programa"> | |
14 | + <span class="texto-programa">Nome do progama</span> | |
15 | + </div> | |
16 | + </div> | |
17 | + </div> | |
18 | + <form role="form" name="formPropostas" ng-submit="pageSignin.login(pageSignin.credentials)" novalidate> | |
19 | + <div class="form-group"> | |
20 | + <div class="row linha-proposta"> | |
21 | + <div class="col-sm-8"> | |
22 | + <span>Descrição da proposta*</span> | |
23 | + <a tabindex="0" class="btn btn-link btn-question" role="button" data-toggle="popover" data-trigger="focus">?</a> | |
24 | + <textarea id="proposta" name="proposta" class="texto-proposta form-control" | |
25 | + ng-class="{ 'has-error' : formPropostas.proposta.$invalid && formPropostas.proposta.$touched }" | |
26 | + ng-model="proposta" | |
27 | + required ng-maxlength="200" ></textarea> | |
28 | + <validation-messages field="formPropostas.proposta" maxlength="'Ops, esse campo não pode ser maior que 200 caracteres.'"/> | |
29 | + <span class="pull-left">*Dados obrigatórios</span> | |
30 | + <span class="pull-right">Máx. 200 caracteres</span> | |
31 | + </div> | |
32 | + </div> | |
33 | + </div> | |
34 | + <div class="form-group"> | |
35 | + <div class="col-sm-4"> | |
36 | + <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Proposta</button> | |
37 | + </div> | |
38 | + </div> | |
39 | + </form> | |
40 | 40 | </div> | ... | ... |
src/app/components/cadastro-proposta/cadastro-proposta.scss
1 | 1 | .envio-proposta { |
2 | 2 | |
3 | - .titulo-envio-proposta{ | |
4 | - color: #2D7B66; | |
5 | - } | |
6 | - | |
7 | - .bloco-programa { | |
8 | - border-color: gray; | |
9 | - border-width: 1px; | |
10 | - border-style: solid; | |
11 | - border-radius: 5px; | |
12 | - padding: 15px; | |
13 | - } | |
14 | - | |
15 | - .texto-programa { | |
16 | - font-weight: 600; | |
17 | - } | |
18 | - | |
19 | - .linha-proposta { | |
20 | - margin-bottom: 40px; | |
21 | - } | |
22 | - | |
23 | - .texto-proposta { | |
24 | - width: 100%; | |
25 | - height: 200px; | |
26 | - resize: none; | |
27 | - } | |
28 | - | |
29 | - .popover .fade .right .in { | |
30 | - top: 0px!important; | |
31 | - } | |
32 | - | |
33 | - .popover-content { | |
34 | - width: 300px; | |
35 | - } | |
36 | - | |
37 | - .popover-title { | |
38 | - display: none; | |
39 | - } | |
40 | - | |
41 | - .teste { | |
42 | - border-radius: 10px; | |
43 | - width: 20px; | |
44 | - height: 20px; | |
45 | - display: inline-block; | |
46 | - background-color: lightyellow; | |
3 | + .titulo-envio-proposta{ | |
4 | + color: #2D7B66; | |
5 | + font-size: 30px | |
6 | + } | |
7 | + | |
8 | + .bloco-programa { | |
9 | + border-color: gray; | |
10 | + border-width: 1px; | |
11 | + border-style: solid; | |
12 | + border-radius: 5px; | |
13 | + padding: 15px; | |
14 | + } | |
15 | + | |
16 | + .texto-programa { | |
17 | + font-weight: 600; | |
18 | + } | |
19 | + | |
20 | + .linha-proposta { | |
21 | + margin-bottom: 40px; | |
22 | + } | |
23 | + | |
24 | + .texto-proposta { | |
25 | + width: 100%; | |
26 | + height: 200px; | |
27 | + resize: none; | |
28 | + } | |
29 | + | |
30 | + .popover .fade .right .in { | |
31 | + top: 0px!important; | |
32 | + } | |
33 | + | |
34 | + .popover-content { | |
35 | + width: 300px; | |
36 | + } | |
37 | + | |
38 | + .popover-title { | |
39 | + display: none; | |
47 | 40 | } |
48 | 41 | |
49 | 42 | .link-popover { |
50 | - font-size: 15px; | |
51 | - color: gray; | |
52 | - padding: 0px 7px; | |
53 | - border-style: none; | |
43 | + font-size: 15px; | |
44 | + color: gray; | |
45 | + padding: 0px 7px; | |
46 | + border-style: none; | |
54 | 47 | } |
48 | + | |
55 | 49 | } | ... | ... |
src/app/components/proposal-list/proposal-list.html
1 | 1 | <div class="proposal-list"> |
2 | - | |
3 | 2 | <div class="table-responsive" ng-if="vm.loading"> |
4 | 3 | <div class="table-responsive">Carregando...</div> |
5 | 4 | </div> |
... | ... | @@ -16,7 +15,6 @@ |
16 | 15 | </thead> |
17 | 16 | <tbody> |
18 | 17 | <tr ng-repeat="proposal in vm.proposals"> |
19 | - | |
20 | 18 | <td class="color-theme-fg"> |
21 | 19 | <span class="position">{{::($index+1)}}º</span> |
22 | 20 | </td> | ... | ... |
src/app/components/proposal-list/proposal-list.scss
... | ... | @@ -16,18 +16,6 @@ |
16 | 16 | } |
17 | 17 | } |
18 | 18 | |
19 | - .btn-question { | |
20 | - color: #484848; | |
21 | - background-color: #fff; | |
22 | - display: inline-block; | |
23 | - text-align: center; | |
24 | - width: 22px; | |
25 | - height: 22px; | |
26 | - margin-left: 10px; | |
27 | - padding: 0; | |
28 | - border-radius: 100%; | |
29 | - } | |
30 | - | |
31 | 19 | .popover { |
32 | 20 | color: #484848; |
33 | 21 | } | ... | ... |
src/app/index.scss
... | ... | @@ -18,6 +18,7 @@ $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bo |
18 | 18 | // ------------- |
19 | 19 | |
20 | 20 | $gray: #f1f1f1; |
21 | +$defaultblue: #5E749D; | |
21 | 22 | |
22 | 23 | // ------------- |
23 | 24 | |
... | ... | @@ -30,7 +31,6 @@ $scale: 1.1; |
30 | 31 | $time: .2s; |
31 | 32 | $darken: 15%; |
32 | 33 | |
33 | - | |
34 | 34 | // ------------- |
35 | 35 | |
36 | 36 | body { | ... | ... |
src/app/layout.scss
... | ... | @@ -115,6 +115,15 @@ |
115 | 115 | } |
116 | 116 | } |
117 | 117 | |
118 | +.btn-submit { | |
119 | + background-color: $defaultblue; | |
120 | + color: #fff; | |
121 | + font-weight: bold; | |
122 | + | |
123 | + &:hover, | |
124 | + &:focus {color: #fff;} | |
125 | +} | |
126 | + | |
118 | 127 | .has-error { |
119 | 128 | border-color: #FF0000; |
120 | 129 | border-width: 1px; |
... | ... | @@ -178,3 +187,15 @@ |
178 | 187 | // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); |
179 | 188 | // background-color: black; |
180 | 189 | // } |
190 | + | |
191 | +.btn-question { | |
192 | + color: #484848; | |
193 | + background-color: #fff; | |
194 | + display: inline-block; | |
195 | + text-align: center; | |
196 | + width: 22px; | |
197 | + height: 22px; | |
198 | + margin-left: 10px; | |
199 | + padding: 0; | |
200 | + border-radius: 100%; | |
201 | +} | ... | ... |
src/app/pages/auth/auth.scss
src/app/pages/auth/change.html
... | ... | @@ -6,67 +6,40 @@ |
6 | 6 | </div> |
7 | 7 | </div> |
8 | 8 | </div> |
9 | -<section | |
10 | - role="main" | |
11 | - class="section-gray auth-content"> | |
9 | +<section role="main" class="section-gray"> | |
12 | 10 | <div class="container"> |
13 | 11 | <div class="row"> |
14 | - <!-- Mostra só se estiver logado --> | |
15 | 12 | <div ng-if="pageSignin.currentUser"> |
16 | 13 | <div class="row"> |
17 | 14 | <div class="col-sm-8 col-sm-offset-2"> |
18 | 15 | <h3>Você está logado!</h3> |
19 | 16 | <button |
20 | - type="button" | |
21 | - ng-click="pageSignin.onClickLogout()" | |
22 | - class="btn btn-primary">Sair</button> | |
17 | + type="button" | |
18 | + ng-click="pageSignin.onClickLogout()" | |
19 | + class="btn btn-primary">Sair</button> | |
23 | 20 | </div> |
24 | 21 | </div> |
25 | 22 | </div> |
26 | - <!-- Mostra só se não estiver logado --> | |
27 | 23 | <div ng-if="!pageSignin.currentUser"> |
28 | 24 | <br> |
29 | 25 | <div class="col-sm-8 col-sm-offset-2"> |
30 | 26 | <div class="row"> |
31 | 27 | <div class="col-md-12"> |
32 | - <form | |
33 | - name="changePassForm" | |
34 | - ng-submit=""> | |
28 | + <form name="changePassForm" ng-submit=""> | |
35 | 29 | <div class="row"> |
36 | 30 | <div class="col-md-6"> |
37 | 31 | <div class="form-group"> |
38 | 32 | <label for="inputPassword">Senha*</label> |
39 | - <input | |
40 | - type="password" | |
41 | - id="inputPassword" | |
42 | - name="inputPassword" | |
43 | - class="form-control input-lg" | |
44 | - ng-class="{ 'has-error' : changePassForm.inputPassword.$invalid && changePassForm.inputPassword.$touched }" | |
45 | - ng-model="password" | |
46 | - required> | |
47 | - <div ng-show="changePassForm.inputPassword.$touched"> | |
48 | - <div ng-messages="changePassForm.inputPassword.$error"> | |
49 | - <div ng-messages-include="app/pages/geral/error-messages.html"></div> | |
50 | - </div> | |
51 | - </div> | |
33 | + <input type="password" id="inputPassword" name="inputPassword" class="form-control input-lg" ng-class="{ 'has-error' : changePassForm.inputPassword.$invalid && changePassForm.inputPassword.$touched }" ng-model="password" required> | |
34 | + <validation-messages field="changePassForm.inputPassword"/> | |
52 | 35 | </div> |
53 | 36 | </div> |
54 | 37 | <div class="col-md-6"> |
55 | 38 | <div class="form-group"> |
56 | 39 | <label for="inputRepeatPassword">Confirmar senha*</label> |
57 | 40 | <input |
58 | - type="password" | |
59 | - id="inputRepeatPassword" | |
60 | - name="inputRepeatPassword" | |
61 | - class="form-control input-lg" | |
62 | - ng-class="{ 'has-error' : changePassForm.inputRepeatPassword.$invalid && changePassForm.inputRepeatPassword.$touched }" | |
63 | - ng-model="repeatPassword" | |
64 | - required> | |
65 | - <div ng-show="changePassForm.inputRepeatPassword.$touched"> | |
66 | - <div ng-messages="changePassForm.inputRepeatPassword.$error"> | |
67 | - <div ng-messages-include="app/pages/geral/error-messages.html"></div> | |
68 | - </div> | |
69 | - </div> | |
41 | + type="password" id="inputRepeatPassword" name="inputRepeatPassword" class="form-control input-lg" ng-class="{ 'has-error' : changePassForm.inputRepeatPassword.$invalid && changePassForm.inputRepeatPassword.$touched }" ng-model="repeatPassword" required> | |
42 | + <validation-messages field="changePassForm.inputRepeatPassword"/> | |
70 | 43 | </div> |
71 | 44 | </div> |
72 | 45 | </div> |
... | ... | @@ -82,8 +55,8 @@ |
82 | 55 | <div class="col-md-6 col-sm-offset-3"> |
83 | 56 | <div class="form-group"> |
84 | 57 | <button |
85 | - class="btn btn-lg btn-block btn-submit" | |
86 | - type="submit">Confirmar alteração de senha</button> | |
58 | + class="btn btn-lg btn-block btn-submit" | |
59 | + type="submit">Confirmar alteração de senha</button> | |
87 | 60 | </div> |
88 | 61 | </div> |
89 | 62 | </div> |
... | ... | @@ -91,7 +64,8 @@ |
91 | 64 | </div> |
92 | 65 | </div> |
93 | 66 | </div> |
94 | - <br></div> | |
67 | + <br> | |
68 | + </div> | |
95 | 69 | </div> |
96 | 70 | </div> |
97 | -</section> | |
98 | 71 | \ No newline at end of file |
72 | +</section> | ... | ... |
src/app/pages/auth/recover.html
1 | 1 | <div class="container"> |
2 | - <div class="row"> | |
3 | - <div class="col-sm-12"> | |
4 | - <h2>Esqueci minha senha</h2> | |
5 | - <h5> | |
6 | - Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração. | |
7 | - </h5> | |
8 | - </div> | |
9 | - </div> | |
2 | + <div class="row"> | |
3 | + <div class="col-sm-12"> | |
4 | + <h2>Esqueci minha senha</h2> | |
5 | + <h5> | |
6 | + Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração. | |
7 | + </h5> | |
8 | + </div> | |
9 | + </div> | |
10 | 10 | </div> |
11 | -<section | |
12 | - role="main" | |
13 | - class="section-gray auth-content"> | |
14 | - <div class="container"> | |
15 | - <div class="row"> | |
16 | - <!-- Mostra só se estiver logado --> | |
17 | - <div ng-if="pageSignin.currentUser"> | |
18 | - <div class="row"> | |
19 | - <div class="col-sm-8 col-sm-offset-2"> | |
20 | - <h3>Você está logado!</h3> | |
21 | - <button | |
22 | - type="button" | |
23 | - ng-click="pageSignin.onClickLogout()" | |
24 | - class="btn btn-primary">Sair</button> | |
25 | - </div> | |
26 | - </div> | |
27 | - </div> | |
28 | - <!-- Mostra só se não estiver logado --> | |
29 | - <div ng-if="!pageSignin.currentUser"> | |
30 | - <br> | |
31 | - <div class="col-sm-8 col-sm-offset-2"> | |
32 | - <div class="row"> | |
33 | - <div class="col-md-12"> | |
34 | - <form | |
35 | - name="recoverPassForm" | |
36 | - ng-submit="pageSignin.login(pageSignin.credentials)"> | |
37 | - <div class="form-group"> | |
38 | - <label for="inputUsername">E-mail*</label> | |
39 | - <input | |
40 | - type="email" | |
41 | - id="inputUsername" | |
42 | - name="inputUsername" | |
43 | - class="form-control input-lg" | |
44 | - ng-class="{ 'has-error' : recoverPassForm.inputUsername.$invalid && recoverPassForm.inputUsername.$touched }" | |
45 | - ng-model="pageSignin.credentials.username" | |
46 | - required /> | |
47 | - <div ng-show="recoverPassForm.inputUsername.$touched"> | |
48 | - <div ng-messages="recoverPassForm.inputUsername.$error"> | |
49 | - <div ng-messages-include="app/pages/geral/error-messages.html"></div> | |
50 | - </div> | |
51 | - </div> | |
52 | - </div> | |
53 | - <div class="form-group"> | |
54 | - <div class="input-group"> | |
55 | - <label for="inputPassword">Digite o texto desta imagem</label> | |
56 | - <br> | |
57 | - <span>Aqui vai um CAPTCHA</span> | |
58 | - </div> | |
59 | - </div> | |
60 | - <div class="form-group"> | |
61 | - <button | |
62 | - class="btn btn-lg btn-block btn-submit" | |
63 | - type="submit">Solicitar alteração de senha</button> | |
64 | - </div> | |
65 | - </form> | |
66 | - </div> | |
67 | - </div> | |
68 | - </div> | |
69 | - <br></div> | |
70 | - </div> | |
71 | - </div> | |
72 | -</section> | |
73 | 11 | \ No newline at end of file |
12 | +<section role="main" class="section-gray"> | |
13 | + <div class="container"> | |
14 | + <div class="row"> | |
15 | + <div ng-if="pageSignin.currentUser"> | |
16 | + <div class="row"> | |
17 | + <div class="col-sm-8 col-sm-offset-2"> | |
18 | + <h3>Você está logado!</h3> | |
19 | + <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button> | |
20 | + </div> | |
21 | + </div> | |
22 | + </div> | |
23 | + <div ng-if="!pageSignin.currentUser"> | |
24 | + <br> | |
25 | + <div class="col-sm-8 col-sm-offset-2"> | |
26 | + <div class="row"> | |
27 | + <div class="col-md-12"> | |
28 | + <form name="recoverPassForm" ng-submit="pageSignin.login(pageSignin.credentials)"> | |
29 | + <div class="form-group"> | |
30 | + <label for="inputUsername">E-mail*</label> | |
31 | + <input type="email" id="inputUsername" name="inputUsername" class="form-control input-lg" ng-class="{ 'has-error' : recoverPassForm.inputUsername.$invalid && recoverPassForm.inputUsername.$touched }" ng-model="pageSignin.credentials.username" required /> | |
32 | + <validation-messages field=" recoverPassForm.inputUsername"/> | |
33 | + </div> | |
34 | + <div class="form-group"> | |
35 | + <div class="input-group"> | |
36 | + <label for="inputPassword">Digite o texto desta imagem</label> | |
37 | + <br> | |
38 | + <span>Aqui vai um CAPTCHA</span> | |
39 | + </div> | |
40 | + </div> | |
41 | + <div class="form-group"> | |
42 | + <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button> | |
43 | + </div> | |
44 | + </form> | |
45 | + </div> | |
46 | + </div> | |
47 | + </div> | |
48 | + <br> | |
49 | + </div> | |
50 | + </div> | |
51 | + </div> | |
52 | +</section> | ... | ... |
src/app/pages/auth/signin.html
... | ... | @@ -8,7 +8,6 @@ |
8 | 8 | <section role="main" class="section-gray auth-content"> |
9 | 9 | <div class="container"> |
10 | 10 | <div class="row"> |
11 | - <!-- Mostra só se estiver logado --> | |
12 | 11 | <div ng-if="pageSignin.currentUser"> |
13 | 12 | <div class="row"> |
14 | 13 | <div class="col-sm-8 col-sm-offset-2"> |
... | ... | @@ -17,7 +16,6 @@ |
17 | 16 | </div> |
18 | 17 | </div> |
19 | 18 | </div> |
20 | - <!-- Mostra só se não estiver logado --> | |
21 | 19 | <div ng-if="!pageSignin.currentUser"> |
22 | 20 | <div class="col-sm-6"> |
23 | 21 | <div class="row"> |
... | ... | @@ -28,7 +26,6 @@ |
28 | 26 | <div class="form-group"> |
29 | 27 | <label for="signin-form--login">E-mail*</label> |
30 | 28 | <input type="email" id="signin-form--login" name="login" class="form-control input-lg" ng-class="{ 'has-error' : signinForm.login.$invalid && signinForm.login.$touched }" ng-model="pageSignin.signin.username" required/> |
31 | - <!-- Diretiva validation-messages --> | |
32 | 29 | <validation-messages field="signinForm.login"/> |
33 | 30 | </div> |
34 | 31 | <div class="form-group"> | ... | ... |
src/app/pages/duvidas/duvidas.html
1 | -<div class="container page--duvidas"> | |
2 | - <h1>TODO: Home > Dúvidas</h1> | |
3 | -</div> | |
1 | +<div class="page--duvidas"> | |
2 | + <div class="container"> | |
3 | + <div class="row"> | |
4 | + <div class="col-sm-12"> | |
5 | + <h2>Dúvidas frequentes</h2> | |
6 | + <p>Talvez a sua dúvida já tenha uma resposta. Caso contrário, você pode enviar sua pergunta pelo campo abaixo que em breve responderemos.</p> | |
7 | + </div> | |
8 | + </div> | |
9 | + </div> | |
10 | + | |
11 | + <section role="duvidas" class="section-gray"> | |
12 | + <div class="container"> | |
13 | + <div class="row"> | |
14 | + <div class="panel-group" id="accordion-duvidas" role="tablist" aria-multiselectable="false"> | |
15 | + | |
16 | + <div class="panel panel-default"> | |
17 | + <div class="panel-heading" role="tab" id="duvida-01" class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-duvidas" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | |
18 | + <span class="num-duvida">1</span> | |
19 | + <span class="panel-title">O que é o Dialoga Brasil?</span> | |
20 | + <span class="glyphicon glyphicon-chevron-down icon-white pull-right" aria-hidden="true" > | |
21 | + </div> | |
22 | + <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="duvida-01"> | |
23 | + <div class="panel-body"> | |
24 | + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. | |
25 | + </div> | |
26 | + </div> | |
27 | + </div> | |
28 | + </div> | |
29 | + </div> | |
30 | + </div> | |
31 | + </section> | |
32 | + | |
33 | + | |
34 | + <section role="formulario" > | |
35 | + <div class="container"> | |
36 | + <div class="row"> | |
37 | + <h2>Tem outras dúvidas ou sugestões?</h2> | |
38 | + </div> | |
39 | + | |
40 | + <div class="row"> | |
41 | + <form role="form" name="duvidasForm" ng-submit="" novalidate> | |
42 | + <div class="form-group"> | |
43 | + <label for="inputAssunto">Assunto*</label> | |
44 | + <select id="inputAssunto" name="inputAssunto" class="form-control input-lg dark-input" ng-model="data.inputAssunto" required> | |
45 | + <option value="">---Please select---</option> | |
46 | + <option value="">---Please select---</option> | |
47 | + <option value="">---Please select---</option> | |
48 | + <option value="">---Please select---</option> | |
49 | + <option value="">---Please select---</option> | |
50 | + </select> | |
51 | + <validation-messages field="duvidasForm.inputAssunto"/> | |
52 | + </div> | |
53 | + <div class="row"> | |
54 | + <div class="col-sm-6"> | |
55 | + <div class="form-group"> | |
56 | + <span>Nome*</span> | |
57 | + <input type="text" id="inputNome" name="inputNome" class="form-control input-lg light-input" ng-class="{ 'has-error' : duvidasForm.inputNome.$invalid && duvidasForm.inputNome.$touched }" ng-model="senha" ng-minlength="" ng-maxlength="" required> | |
58 | + <validation-messages field="duvidasForm.inputNome"/> | |
59 | + </div> | |
60 | + </div> | |
61 | + <div class="col-sm-6"> | |
62 | + <div class="form-group"> | |
63 | + <span>E-mail*</span> | |
64 | + <input type="email" id="inputEmai" name="inputEmai" class="form-control input-lg light-input" ng-class="{ 'has-error' : duvidasForm.inputEmai.$invalid && duvidasForm.inputEmai.$touched }" ng-model="senhaRepetida" ng-minlength="" ng-maxlength="" required> | |
65 | + <validation-messages field="duvidasForm.inputEmai"/> | |
66 | + </div> | |
67 | + </div> | |
68 | + </div> | |
69 | + <div class="form-group"> | |
70 | + <span>Mensagem*</span> | |
71 | + <textarea id="mensagem" name="mensagem" class="mensagem-text-area form-control light-input" ng-class="{ 'has-error' : duvidasForm.mensagem.$invalid && duvidasForm.mensagem.$touched }" ng-model="mensagem" required ></textarea> | |
72 | + <validation-messages field="duvidasForm.mensagem"/> | |
73 | + </div> | |
74 | + <span class="pull-left">*Dados obrigatórios</span> | |
75 | + <div class="row"> | |
76 | + <div class="col-sm-4 form-group pull-right"> | |
77 | + <button class="btn btn-lg btn-block btn-submit" type="submit">Enviar Mensagem</button> | |
78 | + </div> | |
79 | + </div> | |
80 | + </form> | |
81 | + </div> | |
82 | + </div> | |
83 | + </section> | |
84 | + </div> | ... | ... |
... | ... | @@ -0,0 +1,36 @@ |
1 | +.page--duvidas { | |
2 | + | |
3 | + .num-duvida { | |
4 | + color: #FFF; | |
5 | + background-color: $defaultblue; | |
6 | + display: inline-block; | |
7 | + text-align: center; | |
8 | + width: 45px; | |
9 | + height: 45px; | |
10 | + margin-left: 10px; | |
11 | + padding: 0; | |
12 | + border-radius: 100%; | |
13 | + font-size: 18px; | |
14 | + padding-top: 10px; | |
15 | + } | |
16 | + | |
17 | + .panel-default > .panel-heading { | |
18 | + background-color: #fff; | |
19 | + border-color: #ddd; | |
20 | + } | |
21 | + | |
22 | + .mensagem-text-area { | |
23 | + width: 100%; | |
24 | + height: 200px; | |
25 | + resize: none; | |
26 | + } | |
27 | + | |
28 | + .dark-input { | |
29 | + background-color: #DADADA; | |
30 | + } | |
31 | + | |
32 | + .light-input { | |
33 | + background-color: #F1F1F1; | |
34 | + } | |
35 | + | |
36 | +} | ... | ... |
src/assets/images/icons/sprite.png