Merge branch 'issue-393'

Leonardo Merlin
2 parents 2ad145f9 1bec691c
Showing 23 changed files with 59 additions and 57 deletions Show diff stats
images/cidadania-contrast.png
images/cidades-contrast.png
images/cultura-contrast.png
images/desenvolvimento-social-contrast.png
images/esporte-contrast.png
images/gestao-contrast.png
images/icons/cidadania-contrast.png
images/icons/cidades-contrast.png
images/icons/cultura-contrast-old.png
images/icons/cultura-contrast.png
images/icons/cultura-old.png
images/icons/cultura.png
images/icons/desenvolvimento-social-contrast.png
images/icons/esporte-contrast.png
images/icons/gestao-contrast.png
images/icons/infra-contrast.png
images/icons/meioambiente-contrast.png
images/infra-contrast.png
images/meioambiente-contrast.png
index.html
@@ -175,7 +175,6 @@
                       <span class="themes-name">{{name}}</span>
                       <span class="fa fa-angle-right hidden-xs"></span>
                     </a>
-                    <!-- <div class="arrow-box" style="display: none"></div> -->
                   </li>
                 {{/each}}
                 </ul>
@@ -202,12 +201,6 @@
           <div class="col-sm-9">
             <article id="proposal-group" class="">
-              <!--
-              <label for="search-input">Selecione um programa para fazer propostas e contar sua experiência.</label>
-              <div id="search-input-container">
-                <input placeholder="palavra chave" id="search-input" type="text" name="search" />
-              </div>
-              -->
               <a class="ver-todos" href="#/programas" role="tab" aria-controls="proposal-group"><span class="fa fa-angle-right"></span>Ver todos os programas</a>
               <h2 class="name">Programas</h2>
@@ -18,8 +18,9 @@ define([&#39;handlebars&#39;], function(Handlebars){
     var ret = "";
     for(var i=0, j=proposals.length; i<j; i++) {
       var proposal = proposals[i];
+      var categorySlug = (proposal.categories && proposal.categories.length > 0) ? proposal.categories[0].slug : '';
-      element = '<li class="proposal-item col-sm-6">' +
+      element = '<li class="proposal-item col-sm-6 ' + categorySlug + '">' +
           '<a href="#/programas/' + proposal.id + '" data-target="proposal-item-' + proposal.id + '" class="proposal-link box">' +
           '<div class="box-header item">';
       category = "<div class='category box-category'>";
@@ -30,7 +31,7 @@ define([&#39;handlebars&#39;], function(Handlebars){
           element = '';
           continue;
         }
-        category = category + '<div class="category-' + proposal.categories[x].slug + '">' + proposal.categories[x].name + '</div>';
+        category = category + '<div class="category-title">' + proposal.categories[x].name + '</div>';
       }
       if (element == '') {
         continue;
@@ -22,8 +22,8 @@ define([&#39;jquery&#39;, &#39;handlebars&#39;, &#39;fastclick&#39;, &#39;proposal_app&#39;, &#39;handlebars_helpers
   var lastHash = window.location.hash;
-  var host = 'http://login.dialoga.gov.br';
-  // var host = 'http://hom.login.dialoga.serpro';
+  // var host = 'http://login.dialoga.gov.br';
+  var host = 'http://hom.login.dialoga.serpro';
   var serpro_captcha_clienteId = 'fdbcdc7a0b754ee7ae9d865fda740f17';
   var dialoga_community = 19195;
   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
       },
       // inicio Eduardo
       randomProposalByTheme: function(themeClasses) {
-        $('#proposal-group .proposal-list .proposal-item').hide();
+        var $proposalGroup = $('#proposal-group');
+        var $proposalList = $proposalGroup.find('.proposal-list');
+        var $proposalItem = $proposalList.find('.proposal-item');
+        
+        $proposalItem.hide();
+        
         $.each(themeClasses, function(i, themeClass) {
-          var proposalsByTheme = $('#proposal-group .proposal-list .proposal-item').find('.' + themeClass);
+          var proposalsByTheme = $proposalList.find('.' + themeClass);
           var randomizedIndex = Math.floor(Math.random() * proposalsByTheme.length);
-          var proposalToShow = $(proposalsByTheme[randomizedIndex]).parents().filter('.proposal-item');
-          $(proposalToShow).show();
+          // var proposalToShow = $(proposalsByTheme[randomizedIndex]).parents().filter('.proposal-item');
+          // $(proposalToShow).show();
+          $(proposalsByTheme[randomizedIndex]).show();
         });
       },
       display_category_tab: function(){
         // $('#proposal-group').hide();
-        this.randomProposalByTheme(['category-saude', 'category-seguranca-publica', 'category-educacao', 'category-reducao-da-pobreza']);
+        this.randomProposalByTheme(['saude', 'seguranca-publica', 'educacao', 'reducao-da-pobreza', 'cultura']);
         $('#proposal-group').show(); /* Show random proposals*/
         $('.content').addClass('background'); /* Add class background */
         $('#proposal-categories').show();
@@ -80,8 +80,8 @@ $theme-size-header: 24px
 $proposal-title: 32px
 //   1.4 - dicionarios
-$categories: (saude: #3449b7, seguranca-publica: #e34748, educacao: #f39720, reducao-da-pobreza: #3ebb8f)
-$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.")
+$categories: (saude: #3449b7, seguranca-publica: #e34748, educacao: #f39720, reducao-da-pobreza: #3ebb8f, cultura: #a63738)
+$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]")
 //   1.5 - cores
 $header-color: #03316f
@@ -1380,17 +1380,19 @@ h3.titulo-destaque
         background-position: 5px 50%
         background-repeat: no-repeat
         background-size: 32px
-  .category-#{$category}
-    background-color: $color
-    background-position: 5px 50%
-    background-repeat: no-repeat
-    background-size: 40px
-    border-color: darken($color, $darken)
+    .category-title
+      background-color: $color
+      border-color: darken($color, $darken)
   .icon
     &-#{$category}
       background-color: $color
       background-image: url(images/icons/#{$category}.png)
+.category-title
+  background-position: 5px 50%
+  background-repeat: no-repeat
+  background-size: 40px
+
 // ------------------------------------
 // 9 - Alto Contraste
@@ -1509,39 +1511,39 @@ h3.titulo-destaque
       iframe
         left: 0 !important
-  .themes
-    margin-bottom: $gutter * 1.5
-    margin-left: $gutter * 1.5 * (-1)
-    margin-right: $gutter * 1.5 * (-1)
-    margin-top: $gutter * 1.5 * (-1)
-    font-size: 0
-    &-name
-      display: block
-      width: 100%
-    &:after
-      content: ""
-      display: block
-      clear: both
-    li
-      display: block
-      width: 25%
-      float: left
-      // font-size: $font-size-base
-      // vertical-align: top
-      &:first-child
-        a
-          border-left: 0
-      a
-        border-left: 1px solid #f1f1f1
-        display: block
-        padding: 0
-        text-align: center
-        height: 145px
-        .icon
-          margin-bottom: $gutter * 0.5
-          margin-left: 0
-          margin-right: 0
-          margin-top: $gutter
+  // .themes
+  //   margin-bottom: $gutter * 1.5
+  //   margin-left: $gutter * 1.5 * (-1)
+  //   margin-right: $gutter * 1.5 * (-1)
+  //   margin-top: $gutter * 1.5 * (-1)
+  //   font-size: 0
+  //   &-name
+  //     display: block
+  //     width: 100%
+  //   &:after
+  //     content: ""
+  //     display: block
+  //     clear: both
+  //   li
+  //     display: block
+  //     width: 25%
+  //     float: left
+  //     // font-size: $font-size-base
+  //     // vertical-align: top
+  //     &:first-child
+  //       a
+  //         border-left: 0
+  //     a
+  //       border-left: 1px solid #f1f1f1
+  //       display: block
+  //       padding: 0
+  //       text-align: center
+  //       height: 145px
+  //       .icon
+  //         margin-bottom: $gutter * 0.5
+  //         margin-left: 0
+  //         margin-right: 0
+  //         margin-top: $gutter
   .box
     &-header
       p