Commit 5cc60e465c543522aeeaa3745ff25333e119f292

Authored by Evandro Junior
2 parents bdd6a005 9d3a5175
Exists in master and in 1 other branch staging

Merge branch 'master' of softwarepublico.gov.br:noosfero-apps/discussion-app

* 'master' of softwarepublico.gov.br:noosfero-apps/discussion-app:
  correção do erro na barra brasil 11/05
  Update dist
  Correção no estilo dos links de paginação
  Correção na chamada a api para montar o ranking de propostas
  Update dist
  ids de producao, correcoes no socialShare
  Update dist
  correcao para links grandes em telas pequenas
  Update dist
  barra de eventos escondida
  Update dist
  classes css de alinhar verticalmente e imagem full
  Update dist
  correcoes commit anterior
  Update dist
  classe img-full para telas grandes e detalhes do bloco de esportes
  classe img-full para telas grandes e detalhes do bloco de esportes
@@ -48,6 +48,8 @@ gulp.task('html', ['inject', 'partials'], function () { @@ -48,6 +48,8 @@ gulp.task('html', ['inject', 'partials'], function () {
48 .pipe($.if($.util.env.production, $.replace('http://hom.dialoga.gov.br', 'http://dialoga.gov.br'))) 48 .pipe($.if($.util.env.production, $.replace('http://hom.dialoga.gov.br', 'http://dialoga.gov.br')))
49 .pipe($.if($.util.env.production, $.replace('http://hom.login.dialoga.gov.br', 'http://login.dialoga.gov.br'))) 49 .pipe($.if($.util.env.production, $.replace('http://hom.login.dialoga.gov.br', 'http://login.dialoga.gov.br')))
50 .pipe($.if($.util.env.production, $.replace('6LcLPAcTAAAAAKsd0bxY_TArhD_A7OL19SRCW7_i', '6LeDTRUTAAAAAA1VMOmIa2oqqWaPfXsv7J90r_49'))) 50 .pipe($.if($.util.env.production, $.replace('6LcLPAcTAAAAAKsd0bxY_TArhD_A7OL19SRCW7_i', '6LeDTRUTAAAAAA1VMOmIa2oqqWaPfXsv7J90r_49')))
  51 + .pipe($.if($.util.env.production, $.replace('faq: \'117322\'', 'faq: \'128956\'')))
  52 + .pipe($.if($.util.env.production, $.replace('acessibility: \'117319\'', 'acessibility: \'128972\'')))
51 // staging 53 // staging
52 .pipe($.if($.util.env.staging, $.replace('http://dialoga.gov.br', 'http://hom.dialoga.gov.br'))) 54 .pipe($.if($.util.env.staging, $.replace('http://dialoga.gov.br', 'http://hom.dialoga.gov.br')))
53 .pipe($.if($.util.env.staging, $.replace('http://login.dialoga.gov.br', 'http://hom.login.dialoga.gov.br'))) 55 .pipe($.if($.util.env.staging, $.replace('http://login.dialoga.gov.br', 'http://hom.login.dialoga.gov.br')))
src/app/components/app-paginator/app-paginator.scss
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 font-weight: bold; 8 font-weight: bold;
9 font-size: 20px; 9 font-size: 20px;
10 padding: 0px 8px; 10 padding: 0px 8px;
11 - width: 28px; 11 + min-width: 28px;
12 height: 28px; 12 height: 28px;
13 text-decoration: underline; 13 text-decoration: underline;
14 color: $defaultblue; 14 color: $defaultblue;
src/app/components/article-service/article.service.js
@@ -32,7 +32,8 @@ @@ -32,7 +32,8 @@
32 subscribeToEvent: subscribeToEvent, 32 subscribeToEvent: subscribeToEvent,
33 searchTopics: searchTopics, 33 searchTopics: searchTopics,
34 searchProposals: searchProposals, 34 searchProposals: searchProposals,
35 - sendContactForm: sendContactForm 35 + sendContactForm: sendContactForm,
  36 + getRankedProposalsByTopicId: getRankedProposalsByTopicId
36 }; 37 };
37 38
38 return service; 39 return service;
@@ -138,6 +139,37 @@ @@ -138,6 +139,37 @@
138 139
139 } 140 }
140 141
  142 + function getRankedProposalsByTopicId (proposalId, params, cbSuccess, cbError) {
  143 + var url = service.apiProposals + proposalId + '/ranking';
  144 + var paramsExtended = angular.extend({
  145 + page: 1,
  146 + per_page: 10,
  147 + type: 'ProposalsDiscussionPlugin::Proposal',
  148 + 'fields[]': [
  149 + 'id',
  150 + 'abstract',
  151 + 'hits',
  152 + 'ranking_position',
  153 + 'votes_against',
  154 + 'votes_count',
  155 + 'votes_for',
  156 + 'parent',
  157 + 'categories',
  158 + 'slug',
  159 + 'url', // parent.image.url
  160 + 'image',
  161 + 'title',
  162 + 'archived',
  163 + ]
  164 + }, params);
  165 +
  166 + UtilService.get(url, {params: paramsExtended}).then(function(data){
  167 + cbSuccess(data);
  168 + }).catch(function(error){
  169 + cbError(error);
  170 + });
  171 + }
  172 +
141 function getProposalByIdRanked (proposalId, params, cbSuccess, cbError) { 173 function getProposalByIdRanked (proposalId, params, cbSuccess, cbError) {
142 var url = service.apiProposals + proposalId + '/ranking?per_page=5&page=1'; 174 var url = service.apiProposals + proposalId + '/ranking?per_page=5&page=1';
143 var paramsExtended = angular.extend({ 175 var paramsExtended = angular.extend({
@@ -380,4 +412,4 @@ function _pipeRemoveOldEvents(data){ @@ -380,4 +412,4 @@ function _pipeRemoveOldEvents(data){
380 data.articles = results; 412 data.articles = results;
381 } 413 }
382 } 414 }
383 -})();  
384 \ No newline at end of file 415 \ No newline at end of file
  416 +})();
src/app/components/dialoga-service/dialoga.service.js
@@ -27,6 +27,7 @@ @@ -27,6 +27,7 @@
27 extendedService.getQuestions = getQuestions; 27 extendedService.getQuestions = getQuestions;
28 extendedService.searchPrograms = searchPrograms; 28 extendedService.searchPrograms = searchPrograms;
29 extendedService.searchProposals = searchProposals; 29 extendedService.searchProposals = searchProposals;
  30 + extendedService.getRankedProposalsByTopicId = getRankedProposalsByTopicId;
30 extendedService.sendContactForm = sendContactForm; 31 extendedService.sendContactForm = sendContactForm;
31 extendedService.filterProposalsByCategorySlug = filterProposalsByCategorySlug; 32 extendedService.filterProposalsByCategorySlug = filterProposalsByCategorySlug;
32 extendedService.filterProposalsByProgramId = filterProposalsByProgramId; 33 extendedService.filterProposalsByProgramId = filterProposalsByProgramId;
@@ -247,6 +248,10 @@ @@ -247,6 +248,10 @@
247 ArticleService.searchProposals(params, cbSuccess, cbError); 248 ArticleService.searchProposals(params, cbSuccess, cbError);
248 } 249 }
249 250
  251 + function getRankedProposalsByTopicId (params, cbSuccess, cbError) {
  252 + ArticleService.getRankedProposalsByTopicId(params, cbSuccess, cbError);
  253 + }
  254 +
250 function sendContactForm (data) { 255 function sendContactForm (data) {
251 return ArticleService.sendContactForm(API.communityId, data); 256 return ArticleService.sendContactForm(API.communityId, data);
252 } 257 }
@@ -490,4 +495,4 @@ @@ -490,4 +495,4 @@
490 return abstract.replace(style, ''); 495 return abstract.replace(style, '');
491 } 496 }
492 } 497 }
493 -})();  
494 \ No newline at end of file 498 \ No newline at end of file
  499 +})();
src/app/components/social-share/social-share.directive.js
@@ -11,10 +11,10 @@ @@ -11,10 +11,10 @@
11 restrict: 'E', 11 restrict: 'E',
12 templateUrl: 'app/components/social-share/social-share.html', 12 templateUrl: 'app/components/social-share/social-share.html',
13 scope: { 13 scope: {
14 - socialVia: '=',  
15 - socialUrl: '=',  
16 - socialImage: '=',  
17 - socialText: '=', 14 + socialVia: '=?',
  15 + socialUrl: '=?',
  16 + socialImage: '=?',
  17 + socialText: '=?',
18 arrowClass: '@' 18 arrowClass: '@'
19 }, 19 },
20 controller: SocialShareController, 20 controller: SocialShareController,
src/app/components/social-share/social-share.html
@@ -7,11 +7,11 @@ @@ -7,11 +7,11 @@
7 socialshare 7 socialshare
8 socialshare-provider="facebook" 8 socialshare-provider="facebook"
9 socialshare-type="feed" 9 socialshare-type="feed"
10 - socialshare-via="{{vm.socialVia}}"  
11 - socialshare-url="{{vm.socialUrl}}" 10 + socialshare-via="vm.socialVia"
  11 + socialshare-url="vm.socialUrl"
12 socialshare-redirect-uri="https://dialoga.gov.br/" 12 socialshare-redirect-uri="https://dialoga.gov.br/"
13 - socialshare-media="{{vm.socialImage}}"  
14 - socialshare-text="{{vm.socialText}}" 13 + socialshare-media="vm.socialImage"
  14 + socialshare-text="vm.socialText"
15 title="Compartilhar no Facebook"> 15 title="Compartilhar no Facebook">
16 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-facebook"><span class="icon icon-social-facebook"></span></span> 16 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-facebook"><span class="icon icon-social-facebook"></span></span>
17 <span class="sr-only">Compartilhar no Facebook</span> 17 <span class="sr-only">Compartilhar no Facebook</span>
@@ -21,8 +21,8 @@ @@ -21,8 +21,8 @@
21 <a href="#" role="button" 21 <a href="#" role="button"
22 socialshare 22 socialshare
23 socialshare-provider="twitter" 23 socialshare-provider="twitter"
24 - socialshare-url="{{vm.socialUrl}}"  
25 - socialshare-text="{{vm.socialText}}" 24 + socialshare-url="vm.socialUrl"
  25 + socialshare-text="vm.socialText"
26 socialshare-hastags="dialogabrasil" 26 socialshare-hastags="dialogabrasil"
27 title="Compartilhar no Twitter"> 27 title="Compartilhar no Twitter">
28 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-twitter"><span class="icon icon-social-twitter"></span></span> 28 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-twitter"><span class="icon icon-social-twitter"></span></span>
@@ -33,8 +33,8 @@ @@ -33,8 +33,8 @@
33 <a href="#" role="button" 33 <a href="#" role="button"
34 socialshare 34 socialshare
35 socialshare-provider="google+" 35 socialshare-provider="google+"
36 - socialshare-url="{{vm.socialUrl}}"  
37 - socialshare-text="{{vm.socialText}}" 36 + socialshare-url="vm.socialUrl"
  37 + socialshare-text="vm.socialText"
38 title="Compartilhar no Google Plus"> 38 title="Compartilhar no Google Plus">
39 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-googleplus"><span class="icon icon-social-googleplus"></span></span> 39 <span aria-hidden="true" class="icon-circle icon-small icon-circle-social-googleplus"><span class="icon icon-social-googleplus"></span></span>
40 <span class="sr-only">Compartilhar no Google Plus</span> 40 <span class="sr-only">Compartilhar no Google Plus</span>
src/app/content.scss
@@ -22,11 +22,11 @@ @@ -22,11 +22,11 @@
22 left: 0; 22 left: 0;
23 } 23 }
24 24
25 - @each $category, $color in $categories {  
26 - .#{$category} & {  
27 - background-color: $color;  
28 - }  
29 - } 25 + @each $category, $color in $categories {
  26 + .#{$category} & {
  27 + background-color: $color;
  28 + }
  29 + }
30 } 30 }
31 } 31 }
32 } 32 }
@@ -40,13 +40,13 @@ @@ -40,13 +40,13 @@
40 margin-top: 30px; 40 margin-top: 30px;
41 41
42 @media screen and (max-width: $screen-sm) { 42 @media screen and (max-width: $screen-sm) {
43 - margin-top: 20px;  
44 - } 43 + margin-top: 20px;
  44 + }
45 45
46 @media screen and (max-width: $screen-xs) { 46 @media screen and (max-width: $screen-xs) {
47 - margin-top: 10px;  
48 - }  
49 - 47 + margin-top: 10px;
  48 + }
  49 +
50 } 50 }
51 51
52 .col-sm-12 { 52 .col-sm-12 {
@@ -55,26 +55,27 @@ @@ -55,26 +55,27 @@
55 55
56 .icon-wrapper { 56 .icon-wrapper {
57 width: 61px; 57 width: 61px;
58 - height: 61px;  
59 - float: left;  
60 - border-radius: 100%;  
61 - margin: 14px 14px 14px 0; 58 + height: 61px;
  59 + float: left;
  60 + border-radius: 100%;
  61 + margin: 14px 14px 14px 0;
62 } 62 }
63 63
64 .icon { 64 .icon {
65 position: relative; 65 position: relative;
66 - top: 7px;  
67 - left: 11px; 66 + top: 7px;
  67 + left: 11px;
68 } 68 }
69 69
70 - @each $category, $color in $categories {  
71 - .#{$category} & {  
72 - color: $color; 70 + @each $category, $color in $categories {
  71 + .#{$category} & {
  72 + color: $color;
73 73
74 - .icon-wrapper {  
75 - background-color: $color;  
76 - }  
77 - } 74 + .icon-wrapper {
  75 + background-color: $color;
  76 + }
  77 + }
  78 +
  79 + }
  80 +}
78 81
79 - }  
80 -}  
81 \ No newline at end of file 82 \ No newline at end of file
src/app/layout.scss
1 .row-height { 1 .row-height {
2 - display: table;  
3 - table-layout: fixed;  
4 - height: 100%;  
5 - width: 100%; 2 + display: table;
  3 + table-layout: fixed;
  4 + height: 100%;
  5 + width: 100%;
6 } 6 }
7 7
8 .col-height { 8 .col-height {
9 - display: table-cell;  
10 - float: none;  
11 - height: 100%; 9 + display: table-cell;
  10 + float: none;
  11 + height: 100%;
12 } 12 }
13 13
14 .col-top { 14 .col-top {
15 - vertical-align: top; 15 + vertical-align: top;
16 } 16 }
17 17
18 .col-middle { 18 .col-middle {
19 - vertical-align: middle; 19 + vertical-align: middle;
20 } 20 }
21 21
22 .col-bottom { 22 .col-bottom {
23 - vertical-align: bottom; 23 + vertical-align: bottom;
24 } 24 }
25 25
26 // @media (min-width: 480px) { 26 // @media (min-width: 480px) {
27 - .row-xs-height { 27 +.row-xs-height {
28 display: table; 28 display: table;
29 table-layout: fixed; 29 table-layout: fixed;
30 height: 100%; 30 height: 100%;
31 width: 100%; 31 width: 100%;
32 - } 32 +}
33 33
34 - .col-xs-height { 34 +.col-xs-height {
35 display: table-cell; 35 display: table-cell;
36 float: none; 36 float: none;
37 height: 100%; 37 height: 100%;
38 - } 38 +}
39 39
40 - .col-xs-top { 40 +.col-xs-top {
41 vertical-align: top; 41 vertical-align: top;
42 - } 42 +}
43 43
44 - .col-xs-middle { 44 +.col-xs-middle {
45 vertical-align: middle; 45 vertical-align: middle;
46 - } 46 +}
47 47
48 - .col-xs-bottom { 48 +.col-xs-bottom {
49 vertical-align: bottom; 49 vertical-align: bottom;
50 - } 50 +}
51 51
52 // } 52 // }
53 @media (min-width: 768px) { 53 @media (min-width: 768px) {
54 - .row-sm-height {  
55 - display: table;  
56 - table-layout: fixed;  
57 - height: 100%;  
58 - width: 100%;  
59 - }  
60 - .col-sm-height {  
61 - display: table-cell; 54 + .row-sm-height {
  55 + display: table;
  56 + table-layout: fixed;
  57 + height: 100%;
  58 + width: 100%;
  59 + }
  60 + .col-sm-height {
  61 + display: table-cell;
62 // float: none; 62 // float: none;
63 height: 100%; 63 height: 100%;
64 - }  
65 - .col-sm-top { 64 + }
  65 + .col-sm-top {
66 vertical-align: top; 66 vertical-align: top;
67 - }  
68 - .col-sm-middle { 67 + }
  68 + .col-sm-middle {
69 vertical-align: middle; 69 vertical-align: middle;
70 - }  
71 - .col-sm-bottom { 70 + }
  71 + .col-sm-bottom {
72 vertical-align: bottom; 72 vertical-align: bottom;
73 - }  
74 } 73 }
  74 +}
75 75
76 - @media (min-width: 992px) {  
77 - .row-md-height { 76 +@media (min-width: 992px) {
  77 + .row-md-height {
78 display: table; 78 display: table;
79 table-layout: fixed; 79 table-layout: fixed;
80 height: 100%; 80 height: 100%;
81 width: 100%; 81 width: 100%;
82 - }  
83 - .col-md-height { 82 + }
  83 + .col-md-height {
84 display: table-cell; 84 display: table-cell;
85 // float: none; 85 // float: none;
86 height: 100%; 86 height: 100%;
87 - }  
88 - .col-md-top { 87 + }
  88 + .col-md-top {
89 vertical-align: top; 89 vertical-align: top;
90 - }  
91 - .col-md-middle { 90 + }
  91 + .col-md-middle {
92 vertical-align: middle; 92 vertical-align: middle;
93 - }  
94 - .col-md-bottom { 93 + }
  94 + .col-md-bottom {
95 vertical-align: bottom; 95 vertical-align: bottom;
96 - }  
97 } 96 }
  97 +}
98 98
99 - @media (min-width: 1200px) {  
100 - .row-lg-height { 99 +@media (min-width: 1200px) {
  100 + .row-lg-height {
101 display: table; 101 display: table;
102 table-layout: fixed; 102 table-layout: fixed;
103 height: 100%; 103 height: 100%;
104 width: 100%; 104 width: 100%;
105 - }  
106 - .col-lg-height { 105 + }
  106 + .col-lg-height {
107 display: table-cell; 107 display: table-cell;
108 // float: none; 108 // float: none;
109 height: 100%; 109 height: 100%;
110 - }  
111 - .col-lg-top { 110 + }
  111 + .col-lg-top {
112 vertical-align: top; 112 vertical-align: top;
113 - }  
114 - .col-lg-middle { 113 + }
  114 + .col-lg-middle {
115 vertical-align: middle; 115 vertical-align: middle;
116 - }  
117 - .col-lg-bottom { 116 + }
  117 + .col-lg-bottom {
118 vertical-align: bottom; 118 vertical-align: bottom;
119 - }  
120 } 119 }
  120 +}
121 121
122 - .vcenter {  
123 - display: inline-block;  
124 - vertical-align: middle;  
125 - float: none;  
126 - margin-right: -2px;  
127 - margin-left: -2px;  
128 - } 122 +.vcenter {
  123 + display: inline-block;
  124 + vertical-align: middle;
  125 + float: none;
  126 + margin-right: -2px;
  127 + margin-left: -2px;
  128 +}
129 129
130 - .vertical-padding {  
131 - padding-top: 15px;  
132 - padding-bottom: 15px;  
133 - } 130 +.vertical-padding {
  131 + padding-top: 15px;
  132 + padding-bottom: 15px;
  133 +}
134 134
135 - .no-space-left {  
136 - margin-left: 0;  
137 - padding-left: 0;  
138 - } 135 +.no-space-left {
  136 + margin-left: 0;
  137 + padding-left: 0;
  138 +}
139 139
140 - .no-space-right {  
141 - margin-right: 0;  
142 - padding-right: 0;  
143 - } 140 +.no-space-right {
  141 + margin-right: 0;
  142 + padding-right: 0;
  143 +}
144 144
145 - .text-center-sm {  
146 - @media screen and (max-width: $screen-sm) { 145 +.text-center-sm {
  146 + @media screen and (max-width: $screen-sm) {
147 text-align: center; 147 text-align: center;
148 - }  
149 } 148 }
  149 +}
150 150
151 - .btn-submit {  
152 - background-color: $defaultblue;  
153 - color: #fff;  
154 - font-weight: bold;  
155 - &:hover,  
156 - &:focus { 151 +.btn-submit {
  152 + background-color: $defaultblue;
  153 + color: #fff;
  154 + font-weight: bold;
  155 + &:hover,
  156 + &:focus {
157 color: #fff; 157 color: #fff;
158 - }  
159 } 158 }
  159 +}
160 160
161 - .has-error {  
162 - border-color: #FF0000;  
163 - border-width: 1px;  
164 - } 161 +.has-error {
  162 + border-color: #FF0000;
  163 + border-width: 1px;
  164 +}
165 165
166 // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais 166 // Está com o nome do termos de uso. Deixas genérico ou apenas aqui? Ver como vão ficar esses modais
167 .modal-termos-uso { 167 .modal-termos-uso {
168 - &-header {  
169 - border-bottom: none;  
170 - padding: 0px;  
171 - min-height: 10px;  
172 - border-bottom: none;  
173 - padding: 0px;  
174 - position: relative;  
175 - top: -30px;  
176 - right: 0px;  
177 - }  
178 - &-body {  
179 - padding: 25px 35px;  
180 - height: 500px;  
181 - &-inner {  
182 - background-color: lightgray;  
183 - overflow-y: auto;  
184 - padding: 15px;  
185 - height: 440px;  
186 - }  
187 - } 168 + &-header {
  169 + border-bottom: none;
  170 + padding: 0px;
  171 + min-height: 10px;
  172 + border-bottom: none;
  173 + padding: 0px;
  174 + position: relative;
  175 + top: -30px;
  176 + right: 0px;
  177 + }
  178 + &-body {
  179 + padding: 25px 35px;
  180 + height: 500px;
  181 + &-inner {
  182 + background-color: lightgray;
  183 + overflow-y: auto;
  184 + padding: 15px;
  185 + height: 440px;
  186 + }
  187 + }
188 } 188 }
189 189
190 .modal-fechar-pequeno { 190 .modal-fechar-pequeno {
191 - font-size: 15px; 191 + font-size: 15px;
192 } 192 }
193 193
194 .modal-fechar-grande { 194 .modal-fechar-grande {
195 - font-size: 24px; 195 + font-size: 24px;
196 } 196 }
197 197
198 .btn-question { 198 .btn-question {
199 - color: #484848;  
200 - background-color: #fff;  
201 - display: inline-block;  
202 - text-align: center;  
203 - width: 22px;  
204 - height: 22px;  
205 - margin-left: 10px;  
206 - padding: 0;  
207 - border-radius: 100%;  
208 -  
209 - &:hover,  
210 - &:focus,  
211 - &:active {  
212 - color: #fff;  
213 - border-color: #fff;  
214 - } 199 + color: #484848;
  200 + background-color: #fff;
  201 + display: inline-block;
  202 + text-align: center;
  203 + width: 22px;
  204 + height: 22px;
  205 + margin-left: 10px;
  206 + padding: 0;
  207 + border-radius: 100%;
  208 + &:hover,
  209 + &:focus,
  210 + &:active {
  211 + color: #fff;
  212 + border-color: #fff;
  213 + }
215 } 214 }
216 215
217 .page--program { 216 .page--program {
218 - .program-content {  
219 - ul {  
220 - list-style: none;  
221 - padding: 0;  
222 - margin: 0;  
223 - }  
224 -  
225 - ul.list-color li:before {  
226 - @each $category,  
227 - $color in $categories {  
228 - .#{$category} & {  
229 - color: $color; 217 + .program-content {
  218 + ul {
  219 + list-style: none;
  220 + padding: 0;
  221 + margin: 0;
  222 + }
  223 + ul.list-color li:before {
  224 + @each $category,
  225 + $color in $categories {
  226 + .#{$category} & {
  227 + color: $color;
  228 + }
  229 + }
  230 + }
  231 + ul li:before {
  232 + content: "\2022";
  233 + font-weight: bold;
  234 + font-size: 12px;
  235 + position: relative;
  236 + padding-right: 4px;
  237 + }
  238 + ul li {
  239 + padding-left: 2em;
  240 + padding-bottom: 15px;
  241 + text-indent: -0.7em;
  242 + }
  243 + .col-middle {
  244 + vertical-align: top;
  245 + }
  246 + @media screen and (min-width: $screen-lg) {
  247 + //FIXME Leandro put this but we have to evaluate all impacts
  248 + // img {
  249 + // width: 100%;
  250 + // }
230 } 251 }
231 - }  
232 - }  
233 -  
234 - ul li:before {  
235 - content: "\2022";  
236 - font-weight: bold;  
237 - font-size: 12px;  
238 - position: relative;  
239 - padding-right: 4px;  
240 - }  
241 -  
242 - ul li {  
243 - padding-left: 2em;  
244 - padding-bottom: 15px;  
245 - text-indent: -0.7em;  
246 - }  
247 -  
248 - .col-middle {  
249 - vertical-align: top;  
250 - }  
251 - @media screen and (min-width: $screen-lg) {  
252 -//FIXME Leandro put this but we have to evaluate all impacts  
253 -// img {  
254 -// width: 100%;  
255 -// }  
256 } 252 }
257 - }  
258 } 253 }
259 254
260 .destaque-bg-cinza { 255 .destaque-bg-cinza {
261 - background-color: #F1F1F1;  
262 - color: #484848; 256 + background-color: #F1F1F1;
  257 + color: #484848;
263 } 258 }
264 259
265 .destaque-padding { 260 .destaque-padding {
266 - padding: 20px; 261 + padding: 20px;
267 } 262 }
268 263
269 .destaque-font { 264 .destaque-font {
270 - font-size: 130%!important;  
271 - line-height: 28px!important; 265 + font-size: 130%!important;
  266 + line-height: 28px!important;
272 } 267 }
273 268
274 .font { 269 .font {
275 - line-height: 28px!important;  
276 -  
277 - &-140 {  
278 - @extend .font;  
279 - font-size: 140%!important;  
280 - }  
281 -  
282 - &-115 {  
283 - @extend .font;  
284 - font-size: 115%!important;  
285 - }  
286 -  
287 - &-180 {  
288 - @extend .font;  
289 - font-size: 180%!important;  
290 - } 270 + line-height: 28px!important;
  271 + &-140 {
  272 + @extend .font;
  273 + font-size: 140%!important;
  274 + }
  275 + &-115 {
  276 + @extend .font;
  277 + font-size: 115%!important;
  278 + }
  279 + &-180 {
  280 + @extend .font;
  281 + font-size: 180%!important;
  282 + }
291 } 283 }
292 284
293 .destaque-bg-lightgray { 285 .destaque-bg-lightgray {
294 - background-color: #F8F8F8; 286 + background-color: #F8F8F8;
295 } 287 }
296 288
297 .margin-15 { 289 .margin-15 {
298 - margin-left: 15px;  
299 - margin-right: 15px; 290 + margin-left: 15px;
  291 + margin-right: 15px;
300 } 292 }
301 293
302 .left-border-gray { 294 .left-border-gray {
303 - border-left: 2px solid #d1d6d9;  
304 - margin-bottom: 10px;  
305 - ul.list-color li:last-child {  
306 - padding-bottom: 0;  
307 - }  
308 - @media (max-width: 768px) {  
309 - border: none;  
310 - } 295 + border-left: 2px solid #d1d6d9;
  296 + margin-bottom: 10px;
  297 + ul.list-color li:last-child {
  298 + padding-bottom: 0;
  299 + }
  300 + @media (max-width: 768px) {
  301 + border: none;
  302 + }
311 } 303 }
312 304
313 .bottom-border-gray { 305 .bottom-border-gray {
314 - border-bottom: 1px lightgray;  
315 - border-bottom-style: solid;  
316 - margin: 0px!important;  
317 - padding: 30px; 306 + border-bottom: 1px lightgray;
  307 + border-bottom-style: solid;
  308 + margin: 0px!important;
  309 + padding: 30px;
318 } 310 }
319 311
320 .padding-30 { 312 .padding-30 {
321 - padding: 30px; 313 + padding: 30px;
322 } 314 }
323 315
324 a.link-black { 316 a.link-black {
325 - color: black; 317 + color: black;
326 } 318 }
327 319
328 .inline-block { 320 .inline-block {
329 - display: inline-block; 321 + display: inline-block;
330 } 322 }
331 323
332 .close { 324 .close {
333 - color: white;  
334 - opacity: 1;  
335 - font-weight: normal; 325 + color: white;
  326 + opacity: 1;
  327 + font-weight: normal;
336 } 328 }
337 329
338 blockquote { 330 blockquote {
339 - border-left: medium none;  
340 - padding-left: 0;  
341 - margin: 0px;  
342 - border-left: none;  
343 -  
344 - .content-highlight-icon {  
345 - // &:before {  
346 - // content: "";  
347 - width: 110px;  
348 - height: 112px;  
349 - position: absolute;  
350 - display: inline-block;  
351 - opacity: .5;  
352 -  
353 - @each $category,  
354 - $color in $categories {  
355 - .#{$category} & {  
356 - border-left: 34px solid $color;  
357 - border-top: 33px solid $color;  
358 - } 331 + border-left: medium none;
  332 + padding-left: 0;
  333 + margin: 0px;
  334 + border-left: none;
  335 + .content-highlight-icon {
  336 + // &:before {
  337 + // content: "";
  338 + width: 110px;
  339 + height: 112px;
  340 + position: absolute;
  341 + display: inline-block;
  342 + opacity: .5;
  343 + @each $category,
  344 + $color in $categories {
  345 + .#{$category} & {
  346 + border-left: 34px solid $color;
  347 + border-top: 33px solid $color;
  348 + }
  349 + }
359 } 350 }
360 - }  
361 -  
362 - p {  
363 - margin-left: 60px;  
364 -  
365 - &:first-of-type {  
366 - padding-top: 50px; 351 + p {
  352 + margin-left: 60px;
  353 + &:first-of-type {
  354 + padding-top: 50px;
  355 + }
367 } 356 }
368 - }  
369 -  
370 } 357 }
371 358
372 .page--program .program-content blockquote, 359 .page--program .program-content blockquote,
@@ -376,111 +363,152 @@ blockquote { @@ -376,111 +363,152 @@ blockquote {
376 } 363 }
377 364
378 .top-border-theme { 365 .top-border-theme {
379 - @each $category,  
380 - $color in $categories {  
381 - .#{$category} & {  
382 - border-color: $color; 366 + @each $category,
  367 + $color in $categories {
  368 + .#{$category} & {
  369 + border-color: $color;
  370 + }
383 } 371 }
384 - }  
385 - border-top: 20px solid; 372 + border-top: 20px solid;
386 } 373 }
387 374
388 .pad-right-0 { 375 .pad-right-0 {
389 - padding-right: 0px!important; 376 + padding-right: 0px!important;
390 } 377 }
391 378
392 .pad-left-0 { 379 .pad-left-0 {
393 - padding-left: 0px!important; 380 + padding-left: 0px!important;
394 } 381 }
395 382
396 .bloco-mais-especialidades { 383 .bloco-mais-especialidades {
397 - @media (max-width: 480px) {  
398 - padding: 2% 0 0 5%;  
399 - }  
400 -  
401 - @media (min-width: 768px) {  
402 - padding: 2% 0 0 10%;  
403 - }  
404 -  
405 - @media (min-width: 992px) {  
406 - padding: 12% 0 0 10%;  
407 - }  
408 -  
409 - @media (max-width: 1200px) {  
410 - padding: 10% 0 0 10%;  
411 - } 384 + @media (max-width: 480px) {
  385 + padding: 2% 0 0 5%;
  386 + }
  387 + @media (min-width: 768px) {
  388 + padding: 2% 0 0 10%;
  389 + }
  390 + @media (min-width: 992px) {
  391 + padding: 12% 0 0 10%;
  392 + }
  393 + @media (max-width: 1200px) {
  394 + padding: 10% 0 0 10%;
  395 + }
412 } 396 }
413 397
414 ul li:last-child { 398 ul li:last-child {
415 - padding-bottom: 0px!important; 399 + padding-bottom: 0px!important;
416 } 400 }
417 401
418 // .destaque-esporte ul li { 402 // .destaque-esporte ul li {
419 // padding-bottom: 2px!important; 403 // padding-bottom: 2px!important;
420 // } 404 // }
421 -  
422 .bloco1-preparacao-atletas { 405 .bloco1-preparacao-atletas {
423 - @media (max-width: 480px) {  
424 - padding: 2% 0 0 5%;  
425 - }  
426 -  
427 - @media (min-width: 768px) {  
428 - padding: 2% 0 0 10%;  
429 - }  
430 -  
431 - @media (min-width: 992px) {  
432 - padding: 2% 10% 0 10%;  
433 - }  
434 -  
435 - @media (min-width: 1200px) {  
436 - padding: 17% 10% 0 10%;  
437 - } 406 + @media (max-width: 480px) {
  407 + padding: 2% 0 0 5%;
  408 + }
  409 + @media (min-width: 768px) {
  410 + padding: 2% 0 0 10%;
  411 + }
  412 + @media (min-width: 992px) {
  413 + padding: 2% 10% 0 10%;
  414 + }
  415 + @media (min-width: 1200px) {
  416 + padding: 17% 10% 0 10%;
  417 + }
438 } 418 }
439 419
440 .bloco2-preparacao-atletas { 420 .bloco2-preparacao-atletas {
441 - @media (min-width: 1200px) {  
442 - padding-top: 10%;  
443 - } 421 + @media (min-width: 1200px) {
  422 + padding-top: 10%;
  423 + }
444 } 424 }
445 425
446 .bloco1-futebol { 426 .bloco1-futebol {
447 - @media (min-width: 992px) {  
448 - padding: 3% 5% 0 5%;  
449 - } 427 + @media (min-width: 992px) {
  428 + padding: 14% 5% 0 5%;
  429 + }
  430 + @media (max-width: 1199px) {
  431 + padding-top: 6%;
  432 + }
  433 + @media (max-width: 992px) {
  434 + font-size: 77%;
  435 + padding: 20px 10px 0px 10px;
  436 + }
  437 + @media (max-width: 767px) {
  438 + font-size: 100%;
  439 + padding: 20px 20px 10px 20px;
  440 + }
450 } 441 }
451 442
452 .bloco1-esporte-toda-vida { 443 .bloco1-esporte-toda-vida {
453 - @media (max-width: 992px) {  
454 - padding-top: 10%;  
455 - } 444 + @media (max-width: 992px) {
  445 + padding-top: 10%;
  446 + }
  447 + @media (min-width: 992px) {
  448 + padding-top: 10%;
  449 + }
  450 + @media (min-width: 1200px) {
  451 + padding-top: 10%;
  452 + }
  453 +}
456 454
457 - @media (min-width: 992px) {  
458 - padding-top: 10%;  
459 - } 455 +.bloco2-esporte-toda-vida {
  456 + @media (max-width: 992px) {
  457 + padding-top: 10%;
  458 + padding-left: 5%;
  459 + }
  460 + @media (min-width: 992px) {
  461 + padding-top: 10%;
  462 + padding-left: 5%;
  463 + }
  464 + @media (min-width: 1200px) {
  465 + padding-top: 10%;
  466 + padding-left: 5%;
  467 + }
  468 +}
460 469
461 - @media (min-width: 1200px) {  
462 - padding-top: 10%;  
463 - } 470 +.bloco-mais-medicos {
  471 + background-color: #3D4AB3;
  472 + padding-top: 25px;
464 } 473 }
465 474
466 -.bloco2-esporte-toda-vida {  
467 - @media (max-width: 992px) {  
468 - padding-top: 10%;  
469 - padding-left: 5%;  
470 - } 475 +.img-full {
  476 + @media (min-width: 1199px) {
  477 + width: 100%;
  478 + height: 100%;
  479 + }
  480 +}
471 481
472 - @media (min-width: 992px) {  
473 - padding-top: 10%;  
474 - padding-left: 5%;  
475 - } 482 +.middle-row {
  483 + @media (min-width: 768px) {
  484 + display: table;
  485 + table-layout: fixed;
  486 + }
  487 +}
476 488
477 - @media (min-width: 1200px) {  
478 - padding-top: 10%;  
479 - padding-left: 5%;  
480 - } 489 +.middle-col {
  490 + @media (min-width: 768px) {
  491 + display: table-cell;
  492 + vertical-align: middle;
  493 + float: none;
  494 + }
481 } 495 }
482 496
483 -.bloco-mais-medicos {  
484 - background-color: #3D4AB3;  
485 - padding-top: 25px; 497 +// Links grandes quebram a linha em telas pequenas
  498 +a {
  499 + white-space: pre-wrap;
  500 + /* css-3 */
  501 + white-space: -moz-pre-wrap;
  502 + /* Mozilla, since 1999 */
  503 + white-space: -pre-wrap;
  504 + /* Opera 4-6 */
  505 + white-space: -o-pre-wrap;
  506 + /* Opera 7 */
  507 + word-wrap: break-word;
  508 + /* Internet Explorer 5.5+ */
  509 +}
  510 +
  511 +// correção para problema na barra-brasil
  512 +div.brasil-flag > a {
  513 + word-wrap: normal;
486 } 514 }
src/app/pages/inicio/inicio.html
@@ -88,7 +88,7 @@ @@ -88,7 +88,7 @@
88 </div> 88 </div>
89 </div> 89 </div>
90 </section> 90 </section>
91 - <section class="section-event"> 91 +<!-- <section class="section-event">
92 <div ng-if="pageInicio.events"> 92 <div ng-if="pageInicio.events">
93 <event-list events="pageInicio.events"></event-list> 93 <event-list events="pageInicio.events"></event-list>
94 </div> 94 </div>
@@ -106,7 +106,7 @@ @@ -106,7 +106,7 @@
106 </div> 106 </div>
107 </div> 107 </div>
108 </div> 108 </div>
109 - </section> 109 + </section> -->
110 <section class="section-info" ng-if="pageInicio.loading || pageInicio.error"> 110 <section class="section-info" ng-if="pageInicio.loading || pageInicio.error">
111 <div class="container"> 111 <div class="container">
112 <div class="row"> 112 <div class="row">
src/app/pages/ranking/ranking.controller.js
@@ -226,9 +226,9 @@ @@ -226,9 +226,9 @@
226 if (query) {params.query = query; } 226 if (query) {params.query = query; }
227 227
228 vm.loadingProposals = true; 228 vm.loadingProposals = true;
229 - vm.DialogaService.searchProposals(params, function(data) { 229 + vm.DialogaService.getRankedProposalsByTopicId(selectedProgram.id, params, function(data) {
230 vm.total_proposals = parseInt(data._obj.headers('total')); 230 vm.total_proposals = parseInt(data._obj.headers('total'));
231 - vm.filtredProposals = data.articles; 231 + vm.filtredProposals = data.proposals;
232 vm.loadingProposals = false; 232 vm.loadingProposals = false;
233 }, function(error) { 233 }, function(error) {
234 vm.error = error; 234 vm.error = error;