Commit 4cda49e6e5183ddf189f60b4b5df5d47069a9f50

Authored by Matheus Machado Monteiro - SUPDE/DEDES/DEDS1
2 parents b8b643ff fb9115eb

Merge branch 'master' into staging

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 }