Commit 9098b4a1672f6425c74d7684f48f53ae06551dd2

Authored by Leonardo Merlin
1 parent 859336d1

Small fixes from client

src/app/components/app-footer/app-footer.html
... ... @@ -2,7 +2,6 @@
2 2 <div class="container">
3 3 <div class="row">
4 4 <div class="col-xs-12 text-center">
5   - <a id="termos-de-uso" ui-sref="termos-de-uso">Termos de uso</a>
6 5 <a href="#header" style="position:absolute;right:0;top:-10px;" ng-click="scrollTo('#header')">Voltar para o topo</a>
7 6 </div>
8 7 </div>
... ...
src/app/components/event-list/event-list.html
... ... @@ -66,9 +66,9 @@
66 66 </div>
67 67 </div>
68 68 </div>
69   - <div class="visible-xs" ng-show="!vm.isCollapsed">
70   - <div class="minimize color-theme-common-bg" ng-click="vm.toggleView()">
71   - <div class="row">
  69 + <div class="container visible-xs" ng-show="!vm.isCollapsed">
  70 + <div class="minimize" ng-click="vm.toggleView()">
  71 + <div class="row color-theme-common-bg">
72 72 <div class="col-xs-6">
73 73 <button type="button" class="btn btn-link" ng-click="">MINIMIZAR</button>
74 74 </div>
... ...
src/app/components/navbar/navbar.html
... ... @@ -23,7 +23,7 @@
23 23 <li role="separator" class="divider hidden-xs hidden-sm"><span>|</span></li>
24 24 <li class="dropdown">
25 25 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Compartilhar <span aria-hidden="true" class="icon icon-social-share-small"></span></a>
26   - <social-share class="dropdown-menu dropdown-menu-right"></social-share>
  26 + <social-share class="dropdown-menu dropdown-menu-right" arrow-class="social-share--arrow"></social-share>
27 27 <!-- <ul class="dropdown-menu dropdown-menu-right dropdown-menu-social">
28 28 <li>
29 29 <a socialshare
... ... @@ -69,7 +69,7 @@
69 69 </nav>
70 70 <div id="dialoga-nas-redes">
71 71 <div class="text text-right">
72   - <p>Dialoga<br>Nas Redes</p>
  72 + <p>DIALOGA<br>NAS REDES</p>
73 73 </div>
74 74 <social-share></social-share>
75 75 </div>
... ...
src/app/components/proposal-box/proposal-box.html
... ... @@ -116,7 +116,6 @@
116 116 <div ng-hide="vm.canVote" class="proposal-box--join">
117 117 <button class="btn btn-link color-theme-common-fg" ng-click="vm.showContent(vm.topic.slug)">
118 118 Participe
119   - <span class="glyphicon glyphicon-menu-right color-theme-common-fg" aria-hidde="true"></span>
120 119 </button>
121 120 </div>
122 121 <div ng-show="vm.canVote" class="proposal-box--actions text-center">
... ...
src/app/components/proposal-stats/proposal-stats.html
... ... @@ -4,13 +4,13 @@
4 4 <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
5 5 <span>{{proposal.hits}}</span>
6 6 </li>
7   - <li class="proposal-stats-up">
8   - <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
9   - <span>{{proposal.votes_for}}</span>
10   - </li>
11 7 <li class="proposal-stats-down">
12 8 <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
13 9 <span>{{proposal.votes_against}}</span>
14 10 </li>
  11 + <li class="proposal-stats-up">
  12 + <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
  13 + <span>{{proposal.votes_for}}</span>
  14 + </li>
15 15 </ul>
16 16 </div>
... ...
src/app/components/social-share/social-share.directive.js
... ... @@ -14,6 +14,7 @@
14 14 url: '=',
15 15 image: '=',
16 16 text: '=',
  17 + arrowClass: '@',
17 18 },
18 19 controller: SocialShareController,
19 20 controllerAs: 'vm',
... ...
src/app/components/social-share/social-share.html
  1 +<div ng-if="vm.arrowClass">
  2 + <div ng-class="vm.arrowClass"></div>
  3 +</div>
1 4 <ul class="social-share list-inline">
2 5 <li>
3 6 <a href="#" role="button"
... ...
src/app/components/social-share/social-share.scss
1 1 .social-share {
2   - min-width: 200px;
  2 + min-width: 205px;
3 3 padding: 5px;
4   - height: 47px;
  4 + height: 50px;
5 5  
6 6 &:after {
7 7 clear: both;
... ... @@ -25,5 +25,46 @@
25 25 // margin-left: 5px;
26 26 }
27 27 }
  28 +
  29 + .dropdown-menu & {
  30 +
  31 + // .dropdown-menu .social-share
  32 + background-color: #E0E0E0;
  33 + border-radius: 5px;
  34 +
  35 + @media screen and (max-width: $screen-xs) {
  36 + background-color: #fff;
  37 + }
  38 +
  39 + li {
  40 + margin: 0 2px;
  41 +
  42 + &:first-child { margin-left: 0;}
  43 + &:last-child { margin-right: 0;}
  44 + }
  45 + }
28 46 }
29 47  
  48 +.social-share--arrow {
  49 + position: absolute;
  50 + width: 0;
  51 + height: 0;
  52 + border-color: transparent;
  53 + border-style: solid;
  54 +
  55 + .dropdown-menu-right & {
  56 + top: -10px;
  57 + right: 20px;
  58 + border-width: 0 10px 10px;
  59 + border-bottom-color: #E0E0E0;
  60 + }
  61 +
  62 + @media screen and (max-width: $screen-xs) {
  63 + display: none;
  64 + }
  65 +}
  66 +
  67 +.dropdown-menu {
  68 + box-shadow: none;
  69 + border: none;
  70 +}
... ...
src/app/index.route.js
... ... @@ -137,19 +137,7 @@
137 137 }
138 138 }
139 139 })
140   - .state('termos-de-uso', {
141   - url: '/termos-de-uso',
142   - ncyBreadcrumb: {label: 'Termos de Uso'},
143   - controller: 'ArticlePageController',
144   - views: {
145   - 'main': {
146   - templateUrl: 'app/pages/article/article.html',
147   - controller: 'ArticlePageController',
148   - controllerAs: 'pageArticle'
149   - }
150   - }
151   - })
152   - .state('mapa-do-site', {
  140 + .state('mapa-do-site', {
153 141 url: '/mapa-do-site',
154 142 ncyBreadcrumb: {label: 'Mapa do Site'},
155 143 views: {
... ...
src/app/pages/auth/recover.html
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>
10   -</div>
11   -<section role="main" class="section-gray">
  1 +<div class="page--recover">
12 2 <div class="container">
13 3 <div class="row">
14   - <div ng-if="pageSignin.currentUser">
15   - <div class="row">
16   - <div class="col-sm-8 col-sm-offset-2">
17   - <h3>Você está logado!</h3>
18   - <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
19   - </div>
20   - </div>
  4 + <div class="col-sm-12">
  5 + <h2>Esqueci minha senha</h2>
  6 + <h5>
  7 + Calma, podemos ajudar! Informe o seu e-mail que a gente envia um link de alteração.
  8 + </h5>
21 9 </div>
22   - <div ng-if="!pageSignin.currentUser">
23   - <br>
24   - <div class="col-sm-8 col-sm-offset-2">
25   - <div class="row">
26   - <div class="col-md-12">
27   - <form name="recoverPassForm" ng-submit="pageSignin.login(pageSignin.credentials)">
28   - <div class="form-group">
29   - <label for="inputUsername">E-mail*</label>
30   - <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 />
31   - <validation-messages field=" recoverPassForm.inputUsername"/>
32   - </div>
33   - <div class="form-group">
34   - <div class="input-group">
35   - <label for="inputPassword">Digite o texto desta imagem</label>
36   - <br>
37   - <span>Aqui vai um CAPTCHA</span>
  10 + </div>
  11 + </div>
  12 + <section role="main" class="section-gray">
  13 + <div class="container">
  14 + <div class="row">
  15 + <div ng-if="pageSignin.successRecoverMessage">
  16 + <div class="col-sm-8 col-sm-offset-2">
  17 + <div class="feedback-message">
  18 + <show-message
  19 + type="'success'"
  20 + title="pageSignin.successRecoverMessageTitle || 'Pronto!'"
  21 + message="pageSignin.successRecoverMessage"
  22 + ></show-message>
  23 + </div>
  24 + </div>
  25 + </div>
  26 + <div ng-if="!pageSignin.currentUser">
  27 + <br>
  28 + <div class="col-sm-8 col-sm-offset-2">
  29 + <div class="row" ng-if="pageSignin.errorRecoverMessage">
  30 + <div class="col-sm-12">
  31 + <div class="alert alert-danger">{{pageSignin.errorRecoverMessage}}</div>
  32 + <div ng-if="vm.internalError">
  33 + <p>Este erro parece ser um problema interno.<br/>Por favor, tente novamente mais tarde.</p>
  34 + <p>Caso o problema persista, entre em contato!</p>
  35 + <p><a ui-sref="duvidas">Ir para página de contato</a></p>
  36 + </div>
  37 + </div>
  38 + </div>
  39 + <div class="row">
  40 + <div class="col-md-12">
  41 + <form name="recoverPassForm" ng-submit="pageSignin.submitRecover(pageSignin.credentials)">
  42 + <div class="form-group">
  43 + <label for="inputUsername">E-mail*</label>
  44 + <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 />
  45 + <validation-messages field=" recoverPassForm.inputUsername"></validation-messages>
38 46 </div>
39   - </div>
40   - <div class="form-group">
41   - <button class="btn btn-lg btn-block btn-submit" type="submit">Solicitar alteração de senha</button>
42   - </div>
43   - </form>
  47 + <div class="form-group">
  48 + <div id="serpro_captcha" class="captcha">
  49 + </div>
  50 + <div class="captcha">
  51 + Digite os caracteres acima:
  52 + </div>
  53 + <div class="captcha">
  54 + <input type="text" name="captcha_text" id="captcha_text" aria-label="Escreva os caracteres do captcha aqui" ng-model="pageSignin.signup.captcha_text" ng-minlength="" ng-maxlength="" required>
  55 + <validation-messages field="signupForm.captcha_text"></validation-messages>
  56 + </div>
  57 + </div>
  58 + <div class="form-group">
  59 + <button class="btn btn-lg btn-submit" type="submit">Solicitar alteração de senha</button>
  60 + </div>
  61 + </form>
  62 + </div>
44 63 </div>
45 64 </div>
  65 + <br>
46 66 </div>
47   - <br>
48 67 </div>
49 68 </div>
50   - </div>
51   -</section>
  69 + </section>
  70 +</div>
... ...
src/app/pages/programas/programa.html
... ... @@ -121,6 +121,14 @@
121 121 </div>
122 122 <div class="proposal-extended-section-content">
123 123 <proposal-list proposals="pagePrograma.proposalsTopFive"></proposal-list>
  124 + <div class="row">
  125 + <div class="col-xs-12">
  126 + <a ui-sref="ranking({tema: pagePrograma.category.slug, programa: pagePrograma.article.slug})" class="btn btn-link">
  127 + <span ng-if="pagePrograma.proposals.length > 1">Veja todas as {{pagePrograma.proposals.length}} propostas</span>
  128 + <span ng-if="pagePrograma.proposals.length === 1">Ir para a página de ranking</span>
  129 + </a>
  130 + </div>
  131 + </div>
124 132 </div>
125 133 </div>
126 134 </section>
... ...
src/app/pages/programas/programas.scss
... ... @@ -21,6 +21,16 @@
21 21 background-position: center;
22 22 background-size: cover;
23 23 background-repeat: no-repeat;
  24 +
  25 +
  26 +
  27 + @media screen and (max-width: $screen-xs) {
  28 + // height: 15px;
  29 +
  30 + // .video {
  31 + // height: 290px;
  32 + // }
  33 + }
24 34 }
25 35  
26 36 .program-preview--icon {
... ...
src/app/pages/propostas/ranking.html
... ... @@ -20,23 +20,6 @@
20 20 <div class="container">
21 21 <div id="lista-de-propostas" class="row">
22 22 <div class="col-sm-4 col-md-3">
23   - <div class="row visible-xs">
24   - <div class="col-xs-12">
25   - <div class="input-group input-group-lg input-group-search">
26   - <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
27   - <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pagePropostas.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
28   - <span class="input-group-btn">
29   - <button type="button" class="btn btn-default" ng-click="pagePropostas.search()">
30   - <span class="icon-circle icon-small color-theme-common-bg">
31   - <span class="glyphicon glyphicon-search"></span>
32   - </span>
33   - <span class="sr-only">Buscar</span>
34   - </button>
35   - </span>
36   - </div>
37   - <br/>
38   - </div>
39   - </div>
40 23 <div ng-if="pagePropostas.themes">
41 24 <category-list categories="pagePropostas.themes" selected-category="pagePropostas.selectedTheme" disable-unselect="true"></category-list>
42 25 </div>
... ... @@ -55,26 +38,10 @@
55 38 </div>
56 39 </div>
57 40 <div class="col-sm-8 col-md-9">
58   - <div class="row hidden-xs">
59   - <div class="col-xs-12">
60   - <div class="input-group input-group-lg input-group-search">
61   - <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
62   - <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pagePropostas.query" placeholder="Buscar propostas" aria-label="Buscar propostas" >
63   - <span class="input-group-btn">
64   - <button type="button" class="btn btn-default" ng-click="pagePropostas.search()">
65   - <span class="icon-circle icon-small color-theme-common-bg">
66   - <span class="glyphicon glyphicon-search"></span>
67   - </span>
68   - <span class="sr-only">Buscar</span>
69   - </button>
70   - </span>
71   - </div>
72   - </div>
73   - </div>
74 41 <div class="row">
75 42 <div class="col-sm-12">
76 43 <header class="header">
77   - <h2>Total de Propostas: "<span>{{pagePropostas.filtredProposals.length}} propostas</span>"</h2>
  44 + <h2 style="margin-top:0;">Total de Propostas: "<span>{{pagePropostas.filtredProposals.length}} propostas</span>"</h2>
78 45 </header>
79 46 </div>
80 47 </div>
... ...