Commit 4cda49e6e5183ddf189f60b4b5df5d47069a9f50
Exists in
master
and in
4 other branches
Merge branch 'master' into staging
Showing
3 changed files
with
42 additions
and
25 deletions
Show diff stats
src/app/pages/programas/programa.controller.js
@@ -99,7 +99,7 @@ | @@ -99,7 +99,7 @@ | ||
99 | vm.loadingTopProposals = false; | 99 | vm.loadingTopProposals = false; |
100 | 100 | ||
101 | if (vm.article.archived) { | 101 | if (vm.article.archived) { |
102 | - | 102 | + |
103 | // show 'respostas e compromissos', | 103 | // show 'respostas e compromissos', |
104 | // ONLY IF the proposal is below or equal 3th position. | 104 | // ONLY IF the proposal is below or equal 3th position. |
105 | if (vm.search.proposal_id) { | 105 | if (vm.search.proposal_id) { |
@@ -107,7 +107,7 @@ | @@ -107,7 +107,7 @@ | ||
107 | var proposal_id = parseInt(vm.search.proposal_id); | 107 | var proposal_id = parseInt(vm.search.proposal_id); |
108 | for (var i = vm.proposalsTopRated.length - 1; i >= 0; i--) { | 108 | for (var i = vm.proposalsTopRated.length - 1; i >= 0; i--) { |
109 | var proposal = vm.proposalsTopRated[i]; | 109 | var proposal = vm.proposalsTopRated[i]; |
110 | - | 110 | + |
111 | if(proposal.id === proposal_id){ | 111 | if(proposal.id === proposal_id){ |
112 | found = true; | 112 | found = true; |
113 | break; | 113 | break; |
@@ -144,13 +144,13 @@ | @@ -144,13 +144,13 @@ | ||
144 | 144 | ||
145 | // load content of 'proposal-box' | 145 | // load content of 'proposal-box' |
146 | if (!vm.article.archived) { | 146 | if (!vm.article.archived) { |
147 | - | 147 | + |
148 | if (vm.search.proposal_id) { | 148 | if (vm.search.proposal_id) { |
149 | // load the proposal and set focus on proposal-box | 149 | // load the proposal and set focus on proposal-box |
150 | vm.loadProposalById(vm.search.proposal_id); | 150 | vm.loadProposalById(vm.search.proposal_id); |
151 | }else { | 151 | }else { |
152 | // load a random proposal at proposal-box | 152 | // load a random proposal at proposal-box |
153 | - vm.loadRandomProposal(); | 153 | + vm.loadRandomProposal(); |
154 | } | 154 | } |
155 | } | 155 | } |
156 | 156 | ||
@@ -362,7 +362,7 @@ | @@ -362,7 +362,7 @@ | ||
362 | 362 | ||
363 | proposal.response.content = data.articles[0].body; | 363 | proposal.response.content = data.articles[0].body; |
364 | toggle(); | 364 | toggle(); |
365 | - | 365 | + |
366 | }).catch(function(){ | 366 | }).catch(function(){ |
367 | proposal.response.error = false; | 367 | proposal.response.error = false; |
368 | }).finally(function(){ | 368 | }).finally(function(){ |
@@ -372,7 +372,7 @@ | @@ -372,7 +372,7 @@ | ||
372 | 372 | ||
373 | function toggle () { | 373 | function toggle () { |
374 | var $el = angular.element('.gov-response-' + proposal.id); | 374 | var $el = angular.element('.gov-response-' + proposal.id); |
375 | - | 375 | + |
376 | if ($el.is(':visible')) { | 376 | if ($el.is(':visible')) { |
377 | $el.slideUp(); | 377 | $el.slideUp(); |
378 | }else { | 378 | }else { |
@@ -383,4 +383,6 @@ | @@ -383,4 +383,6 @@ | ||
383 | } | 383 | } |
384 | }; | 384 | }; |
385 | 385 | ||
386 | + | ||
387 | + | ||
386 | })(); | 388 | })(); |
387 | \ No newline at end of file | 389 | \ No newline at end of file |
src/app/pages/programas/programa.html
@@ -48,7 +48,16 @@ | @@ -48,7 +48,16 @@ | ||
48 | <div ng-bind-html="pagePrograma.article.summaryExtended"></div> | 48 | <div ng-bind-html="pagePrograma.article.summaryExtended"></div> |
49 | </div> | 49 | </div> |
50 | <div class="program-preview--share"> | 50 | <div class="program-preview--share"> |
51 | - <div class="program-preview--share-label">COMPARTILHE ESTE <b>PROGRAMA</b></div> | 51 | + <div ng-show="!pagePrograma.article.archived" class="program-preview--share-label">COMPARTILHE ESTE <b>PROGRAMA</b></div> |
52 | + <div ng-show="pagePrograma.article.archived" class="row text-right"> | ||
53 | + <div class="col-xs-12"> | ||
54 | + <a ui-sref="ranking({tema: pagePrograma.category.slug, programa: pagePrograma.article.slug})" class="btn btn-link"> | ||
55 | + <span>Ver Propostas</span> | ||
56 | + <span class="glyphicon glyphicon-chevron-right color-theme-common-fg" aria-hidden="true"></span> | ||
57 | + </a> | ||
58 | + </div> | ||
59 | + </div> | ||
60 | + <div ng-show="pagePrograma.article.archived" class="program-preview--share-label">COMPARTILHE ESSA <b>RESPOSTA</b></div> | ||
52 | <div class="dropdown"> | 61 | <div class="dropdown"> |
53 | <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Mostrar ou esconder a lista redes sociais para compartilhamento"><span class="icon icon-social-share-small" aria-hidden="true"></span></button> | 62 | <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Mostrar ou esconder a lista redes sociais para compartilhamento"><span class="icon icon-social-share-small" aria-hidden="true"></span></button> |
54 | <social-share social-url="pagePrograma.$state.href('programa', {slug: pagePrograma.article.slug}, {absolute: true})" social-text="pagePrograma.article.title" social-image="pagePrograma.banner.src" arrow-class="social-share--arrow" class="dropdown-menu dropdown-menu-right"></social-share> | 63 | <social-share social-url="pagePrograma.$state.href('programa', {slug: pagePrograma.article.slug}, {absolute: true})" social-text="pagePrograma.article.title" social-image="pagePrograma.banner.src" arrow-class="social-share--arrow" class="dropdown-menu dropdown-menu-right"></social-share> |
@@ -67,7 +76,7 @@ | @@ -67,7 +76,7 @@ | ||
67 | </div> | 76 | </div> |
68 | </div> | 77 | </div> |
69 | <!-- Preview > coluna da direita --> | 78 | <!-- Preview > coluna da direita --> |
70 | - <div class="col-md-4"> | 79 | + <div class="col-md-4 hidden-xs hidden-sm"> |
71 | <div class="row" ng-if="!pagePrograma.article.archived"> | 80 | <div class="row" ng-if="!pagePrograma.article.archived"> |
72 | <!-- Top Proposals --> | 81 | <!-- Top Proposals --> |
73 | <div> | 82 | <div> |
@@ -138,6 +147,7 @@ | @@ -138,6 +147,7 @@ | ||
138 | <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> | 147 | <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> |
139 | </button> | 148 | </button> |
140 | </div> | 149 | </div> |
150 | + <span class="pull-right font-140">Posição atualizada a cada x minutos</span> | ||
141 | <div class="proposal-extended-section-content"> | 151 | <div class="proposal-extended-section-content"> |
142 | <proposal-list proposals="pagePrograma.proposalsTopFive" archived="pagePrograma.article.archived"></proposal-list> | 152 | <proposal-list proposals="pagePrograma.proposalsTopFive" archived="pagePrograma.article.archived"></proposal-list> |
143 | <div class="row text-center"> | 153 | <div class="row text-center"> |
@@ -249,7 +259,7 @@ | @@ -249,7 +259,7 @@ | ||
249 | <h3 class="color-theme-fg">{{($index+1)}}ª proposta mais votada:</h3> | 259 | <h3 class="color-theme-fg">{{($index+1)}}ª proposta mais votada:</h3> |
250 | <p>{{::proposal.abstract}}</p> | 260 | <p>{{::proposal.abstract}}</p> |
251 | <div class="button--themed"> | 261 | <div class="button--themed"> |
252 | - <button class="btn btn-block" ng-click="pagePrograma.toggleResponseVisibility(proposal)"> | 262 | + <button class="btn btn-block btn-responsive" ng-click="pagePrograma.toggleResponseVisibility(proposal)"> |
253 | Veja a resposta e o compromisso do governo | 263 | Veja a resposta e o compromisso do governo |
254 | <div class="button-left-icon"> | 264 | <div class="button-left-icon"> |
255 | <span class="glyphicon glyphicon-chevron-down pull-right color-theme-common-fg" aria-hidden="true"></span> | 265 | <span class="glyphicon glyphicon-chevron-down pull-right color-theme-common-fg" aria-hidden="true"></span> |
@@ -280,8 +290,8 @@ | @@ -280,8 +290,8 @@ | ||
280 | FECHAR | 290 | FECHAR |
281 | <div class="button-right-icon icon-circle icon-small icon-circle-close-response color-theme-common-bg pull-right"> | 291 | <div class="button-right-icon icon-circle icon-small icon-circle-close-response color-theme-common-bg pull-right"> |
282 | <span class="glyphicon glyphicon-remove icon-white" aria-hidden="true"></span> | 292 | <span class="glyphicon glyphicon-remove icon-white" aria-hidden="true"></span> |
283 | - </div> | ||
284 | - </button> | 293 | + </div> |
294 | + </button> | ||
285 | </div> | 295 | </div> |
286 | </div> | 296 | </div> |
287 | </div> | 297 | </div> |
src/app/pages/programas/programas.scss
@@ -19,7 +19,7 @@ | @@ -19,7 +19,7 @@ | ||
19 | &--box--content-wrapper { | 19 | &--box--content-wrapper { |
20 | padding: 48px; | 20 | padding: 48px; |
21 | position: relative; | 21 | position: relative; |
22 | - | 22 | + |
23 | } | 23 | } |
24 | &--archived { | 24 | &--archived { |
25 | .program-preview--box--content-wrapper { | 25 | .program-preview--box--content-wrapper { |
@@ -104,7 +104,7 @@ | @@ -104,7 +104,7 @@ | ||
104 | &--share { | 104 | &--share { |
105 | margin-bottom: 20px; | 105 | margin-bottom: 20px; |
106 | position: relative; | 106 | position: relative; |
107 | - | 107 | + |
108 | .dropdown { | 108 | .dropdown { |
109 | display: inline-block; | 109 | display: inline-block; |
110 | position: relative; | 110 | position: relative; |
@@ -226,7 +226,7 @@ | @@ -226,7 +226,7 @@ | ||
226 | transform: scale(0.7); | 226 | transform: scale(0.7); |
227 | } | 227 | } |
228 | } | 228 | } |
229 | - | 229 | + |
230 | #section-archived-banner { | 230 | #section-archived-banner { |
231 | position: relative; | 231 | position: relative; |
232 | padding: 20px 0; | 232 | padding: 20px 0; |
@@ -257,7 +257,7 @@ | @@ -257,7 +257,7 @@ | ||
257 | 257 | ||
258 | .archived-banner--title2 { | 258 | .archived-banner--title2 { |
259 | font-weight: bold; | 259 | font-weight: bold; |
260 | - } | 260 | + } |
261 | } | 261 | } |
262 | 262 | ||
263 | #section-response { | 263 | #section-response { |
@@ -281,6 +281,11 @@ | @@ -281,6 +281,11 @@ | ||
281 | text-transform: uppercase; | 281 | text-transform: uppercase; |
282 | letter-spacing: 1px; | 282 | letter-spacing: 1px; |
283 | } | 283 | } |
284 | + | ||
285 | + .btn-responsive { | ||
286 | + white-space: normal !important; | ||
287 | + word-wrap: break-word; | ||
288 | + } | ||
284 | } | 289 | } |
285 | 290 | ||
286 | .button-left-icon { | 291 | .button-left-icon { |
@@ -304,13 +309,13 @@ | @@ -304,13 +309,13 @@ | ||
304 | margin-bottom: 20px; | 309 | margin-bottom: 20px; |
305 | width: 120px; | 310 | width: 120px; |
306 | background-color: #e1e1e1; | 311 | background-color: #e1e1e1; |
307 | - | 312 | + |
308 | .icon-circle-close-response { | 313 | .icon-circle-close-response { |
309 | width: 20px!important; | 314 | width: 20px!important; |
310 | height: 20px!important; | 315 | height: 20px!important; |
311 | color: #e1e1e1; | 316 | color: #e1e1e1; |
312 | font-size: 14px; | 317 | font-size: 14px; |
313 | - } | 318 | + } |
314 | } | 319 | } |
315 | 320 | ||
316 | .gov-response--link-item { | 321 | .gov-response--link-item { |
@@ -323,7 +328,7 @@ | @@ -323,7 +328,7 @@ | ||
323 | margin-top: 40px; | 328 | margin-top: 40px; |
324 | padding-left: 0px; | 329 | padding-left: 0px; |
325 | padding-right: 0px; | 330 | padding-right: 0px; |
326 | - | 331 | + |
327 | .row { | 332 | .row { |
328 | margin-bottom: 25px; | 333 | margin-bottom: 25px; |
329 | } | 334 | } |
@@ -331,7 +336,7 @@ | @@ -331,7 +336,7 @@ | ||
331 | .row-compromissos { | 336 | .row-compromissos { |
332 | margin-left: 0px; | 337 | margin-left: 0px; |
333 | margin-right: 0px; | 338 | margin-right: 0px; |
334 | - } | 339 | + } |
335 | 340 | ||
336 | ul { | 341 | ul { |
337 | li { | 342 | li { |
@@ -342,27 +347,27 @@ | @@ -342,27 +347,27 @@ | ||
342 | blockquote { | 347 | blockquote { |
343 | min-height: 130px; | 348 | min-height: 130px; |
344 | } | 349 | } |
345 | - | 350 | + |
346 | .inside.inside-full-height.resposta3-pac { | 351 | .inside.inside-full-height.resposta3-pac { |
347 | font-size: 130%; | 352 | font-size: 130%; |
348 | - | 353 | + |
349 | @media (max-width: 992px){ | 354 | @media (max-width: 992px){ |
350 | - padding-top: 5%; | 355 | + padding-top: 5%; |
351 | } | 356 | } |
352 | 357 | ||
353 | @media (min-width: 992px){ | 358 | @media (min-width: 992px){ |
354 | - padding-top: 5%; | 359 | + padding-top: 5%; |
355 | } | 360 | } |
356 | 361 | ||
357 | @media (min-width: 1200px){ | 362 | @media (min-width: 1200px){ |
358 | - padding-top: 5%; | 363 | + padding-top: 5%; |
359 | } | 364 | } |
360 | } | 365 | } |
361 | 366 | ||
362 | .bloco-padding-25 { | 367 | .bloco-padding-25 { |
363 | padding: 25px; | 368 | padding: 25px; |
364 | } | 369 | } |
365 | - | 370 | + |
366 | .list-no-style { | 371 | .list-no-style { |
367 | list-style-type: none!important; | 372 | list-style-type: none!important; |
368 | } | 373 | } |