Commit 5fdb7720241ca4cf5bcca9df36fe7f59e5741f13

Authored by Leonardo Merlin
2 parents 2ad145f9 1bec691c

Merge branch 'issue-393'

images/cidadania-contrast.png

2.05 KB

images/cidades-contrast.png

2.04 KB

images/cultura-contrast.png

1.65 KB

images/desenvolvimento-social-contrast.png

2.56 KB

images/esporte-contrast.png

1.78 KB

images/gestao-contrast.png

2.4 KB

images/icons/cidadania-contrast.png 0 → 100755

2.05 KB

images/icons/cidades-contrast.png 0 → 100755

2.04 KB

images/icons/cultura-contrast-old.png 0 → 100755

1.65 KB

images/icons/cultura-contrast.png 0 → 100644

1.37 KB

images/icons/cultura-old.png 0 → 100644

854 Bytes

images/icons/cultura.png

854 Bytes | W: | H:

1.19 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
images/icons/desenvolvimento-social-contrast.png 0 → 100755

2.56 KB

images/icons/esporte-contrast.png 0 → 100755

1.78 KB

images/icons/gestao-contrast.png 0 → 100755

2.4 KB

images/icons/infra-contrast.png 0 → 100755

1.77 KB

images/icons/meioambiente-contrast.png 0 → 100755

1.83 KB

images/infra-contrast.png

1.77 KB

images/meioambiente-contrast.png

1.83 KB

index.html
... ... @@ -175,7 +175,6 @@
175 175 <span class="themes-name">{{name}}</span>
176 176 <span class="fa fa-angle-right hidden-xs"></span>
177 177 </a>
178   - <!-- <div class="arrow-box" style="display: none"></div> -->
179 178 </li>
180 179 {{/each}}
181 180 </ul>
... ... @@ -202,12 +201,6 @@
202 201  
203 202 <div class="col-sm-9">
204 203 <article id="proposal-group" class="">
205   - <!--
206   - <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
207   - <div id="search-input-container">
208   - <input placeholder="palavra chave" id="search-input" type="text" name="search" />
209   - </div>
210   - -->
211 204 <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
212 205 <h2 class="name">Programas</h2>
213 206  
... ...
js/handlebars-helpers.js
... ... @@ -18,8 +18,9 @@ define([&#39;handlebars&#39;], function(Handlebars){
18 18 var ret = "";
19 19 for(var i=0, j=proposals.length; i<j; i++) {
20 20 var proposal = proposals[i];
  21 + var categorySlug = (proposal.categories && proposal.categories.length > 0) ? proposal.categories[0].slug : '';
21 22  
22   - element = '<li class="proposal-item col-sm-6">' +
  23 + element = '<li class="proposal-item col-sm-6 ' + categorySlug + '">' +
23 24 '<a href="#/programas/' + proposal.id + '" data-target="proposal-item-' + proposal.id + '" class="proposal-link box">' +
24 25 '<div class="box-header item">';
25 26 category = "<div class='category box-category'>";
... ... @@ -30,7 +31,7 @@ define([&#39;handlebars&#39;], function(Handlebars){
30 31 element = '';
31 32 continue;
32 33 }
33   - category = category + '<div class="category-' + proposal.categories[x].slug + '">' + proposal.categories[x].name + '</div>';
  34 + category = category + '<div class="category-title">' + proposal.categories[x].name + '</div>';
34 35 }
35 36 if (element == '') {
36 37 continue;
... ...
js/main.js
... ... @@ -22,8 +22,8 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
22 22  
23 23 var lastHash = window.location.hash;
24 24  
25   - var host = 'http://login.dialoga.gov.br';
26   - // var host = 'http://hom.login.dialoga.serpro';
  25 + // var host = 'http://login.dialoga.gov.br';
  26 + var host = 'http://hom.login.dialoga.serpro';
27 27 var serpro_captcha_clienteId = 'fdbcdc7a0b754ee7ae9d865fda740f17';
28 28 var dialoga_community = 19195;
29 29 var proposal_discussion = '103358'; //participa
... ... @@ -370,17 +370,23 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
370 370 },
371 371 // inicio Eduardo
372 372 randomProposalByTheme: function(themeClasses) {
373   - $('#proposal-group .proposal-list .proposal-item').hide();
  373 + var $proposalGroup = $('#proposal-group');
  374 + var $proposalList = $proposalGroup.find('.proposal-list');
  375 + var $proposalItem = $proposalList.find('.proposal-item');
  376 +
  377 + $proposalItem.hide();
  378 +
374 379 $.each(themeClasses, function(i, themeClass) {
375   - var proposalsByTheme = $('#proposal-group .proposal-list .proposal-item').find('.' + themeClass);
  380 + var proposalsByTheme = $proposalList.find('.' + themeClass);
376 381 var randomizedIndex = Math.floor(Math.random() * proposalsByTheme.length);
377   - var proposalToShow = $(proposalsByTheme[randomizedIndex]).parents().filter('.proposal-item');
378   - $(proposalToShow).show();
  382 + // var proposalToShow = $(proposalsByTheme[randomizedIndex]).parents().filter('.proposal-item');
  383 + // $(proposalToShow).show();
  384 + $(proposalsByTheme[randomizedIndex]).show();
379 385 });
380 386 },
381 387 display_category_tab: function(){
382 388 // $('#proposal-group').hide();
383   - this.randomProposalByTheme(['category-saude', 'category-seguranca-publica', 'category-educacao', 'category-reducao-da-pobreza']);
  389 + this.randomProposalByTheme(['saude', 'seguranca-publica', 'educacao', 'reducao-da-pobreza', 'cultura']);
384 390 $('#proposal-group').show(); /* Show random proposals*/
385 391 $('.content').addClass('background'); /* Add class background */
386 392 $('#proposal-categories').show();
... ...
sass/style.sass
... ... @@ -80,8 +80,8 @@ $theme-size-header: 24px
80 80 $proposal-title: 32px
81 81  
82 82 // 1.4 - dicionarios
83   -$categories: (saude: #3449b7, seguranca-publica: #e34748, educacao: #f39720, reducao-da-pobreza: #3ebb8f)
84   -$categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A segurança pública é um direito fundamental dos cidadãos. A proteção da vida, a disseminação da cultura da paz e a integração dos órgãos e instituições municipais, estaduais e federais são os maiores compromissos dessa política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas.")
  83 +$categories: (saude: #3449b7, seguranca-publica: #e34748, educacao: #f39720, reducao-da-pobreza: #3ebb8f, cultura: #a63738)
  84 +$categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A segurança pública é um direito fundamental dos cidadãos. A proteção da vida, a disseminação da cultura da paz e a integração dos órgãos e instituições municipais, estaduais e federais são os maiores compromissos dessa política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas.", cultulra: "[DESCRIÇÃO / CULTURA]")
85 85  
86 86 // 1.5 - cores
87 87 $header-color: #03316f
... ... @@ -1380,17 +1380,19 @@ h3.titulo-destaque
1380 1380 background-position: 5px 50%
1381 1381 background-repeat: no-repeat
1382 1382 background-size: 32px
1383   - .category-#{$category}
1384   - background-color: $color
1385   - background-position: 5px 50%
1386   - background-repeat: no-repeat
1387   - background-size: 40px
1388   - border-color: darken($color, $darken)
  1383 + .category-title
  1384 + background-color: $color
  1385 + border-color: darken($color, $darken)
1389 1386 .icon
1390 1387 &-#{$category}
1391 1388 background-color: $color
1392 1389 background-image: url(images/icons/#{$category}.png)
1393 1390  
  1391 +.category-title
  1392 + background-position: 5px 50%
  1393 + background-repeat: no-repeat
  1394 + background-size: 40px
  1395 +
1394 1396  
1395 1397 // ------------------------------------
1396 1398 // 9 - Alto Contraste
... ... @@ -1509,39 +1511,39 @@ h3.titulo-destaque
1509 1511 iframe
1510 1512 left: 0 !important
1511 1513  
1512   - .themes
1513   - margin-bottom: $gutter * 1.5
1514   - margin-left: $gutter * 1.5 * (-1)
1515   - margin-right: $gutter * 1.5 * (-1)
1516   - margin-top: $gutter * 1.5 * (-1)
1517   - font-size: 0
1518   - &-name
1519   - display: block
1520   - width: 100%
1521   - &:after
1522   - content: ""
1523   - display: block
1524   - clear: both
1525   - li
1526   - display: block
1527   - width: 25%
1528   - float: left
1529   - // font-size: $font-size-base
1530   - // vertical-align: top
1531   - &:first-child
1532   - a
1533   - border-left: 0
1534   - a
1535   - border-left: 1px solid #f1f1f1
1536   - display: block
1537   - padding: 0
1538   - text-align: center
1539   - height: 145px
1540   - .icon
1541   - margin-bottom: $gutter * 0.5
1542   - margin-left: 0
1543   - margin-right: 0
1544   - margin-top: $gutter
  1514 + // .themes
  1515 + // margin-bottom: $gutter * 1.5
  1516 + // margin-left: $gutter * 1.5 * (-1)
  1517 + // margin-right: $gutter * 1.5 * (-1)
  1518 + // margin-top: $gutter * 1.5 * (-1)
  1519 + // font-size: 0
  1520 + // &-name
  1521 + // display: block
  1522 + // width: 100%
  1523 + // &:after
  1524 + // content: ""
  1525 + // display: block
  1526 + // clear: both
  1527 + // li
  1528 + // display: block
  1529 + // width: 25%
  1530 + // float: left
  1531 + // // font-size: $font-size-base
  1532 + // // vertical-align: top
  1533 + // &:first-child
  1534 + // a
  1535 + // border-left: 0
  1536 + // a
  1537 + // border-left: 1px solid #f1f1f1
  1538 + // display: block
  1539 + // padding: 0
  1540 + // text-align: center
  1541 + // height: 145px
  1542 + // .icon
  1543 + // margin-bottom: $gutter * 0.5
  1544 + // margin-left: 0
  1545 + // margin-right: 0
  1546 + // margin-top: $gutter
1545 1547 .box
1546 1548 &-header
1547 1549 p
... ...