Merge branch 'merlin' into rafael

Conflicts: src/app/layout.scss

Merge branch 'merlin' into rafael
Conflicts: src/app/layout.scss
Leonardo Merlin
2 parents 9cc7a83a 3b946930
Showing 41 changed files with 385 additions and 248 deletions Show diff stats
gulp/images.js
src/app/components/article-box/article-box.html
src/app/components/article-service/article.service.js
src/app/components/dialoga-service/dialoga.service.js
src/app/components/proposal-box/proposal-box.html
src/app/components/show-message/show-message.directive.js
src/app/components/show-message/show-message.html
src/app/components/util-service/utils.service.js
src/app/layout.scss
src/app/pages/auth/recover.html
src/app/pages/auth/signin.html
src/app/pages/inicio/inicio.controller.js
src/app/pages/inicio/inicio.html
src/app/pages/programas/programa.controller.js
src/app/pages/programas/programa.html
src/app/pages/programas/programas.controller.js
src/app/pages/programas/programas.scss
src/app/pages/propostas/propostas.controller.js
src/assets/images/icons/feedback-login-success-blue.png
src/assets/images/icons/feedback-login-success-green.png
@@ -18,7 +18,8 @@ gulp.task(&#39;sprites&#39;, function () {
   return sprity.src({
     src: src,
     style: 'sprite.css',
-    cssPath: '../assets/images/icons/'
+    cssPath: '../assets/images/icons/',
+    cachebuster: true
   })
   .pipe(gulpif('*.png', gulp.dest(destImg), gulp.dest(destCss)));
 });
@@ -7,7 +7,7 @@
     <div class="article-box--title">
       <h1>{{::vm.article.title}}</h1>
     </div>
-    <div class="article-box--abstract" ng-bind-html="vm.article.abstract"></div>
+    <div class="article-box--abstract" ng-bind-html="vm.article.summary"></div>
     <div class="button--themed">
       <button class="btn btn-block">
         Participe
@@ -146,6 +146,9 @@
         var url = service.apiProposals + targetId + '/propose';
         var encodedParams = [];
+        encodedParams.push('article%5Babstract%5D=' + proposal);
+        encodedParams.push('article%5Btype%5D=ProposalsDiscussionPlugin%3A%3AProposal');
+        encodedParams.push('content_type=ProposalsDiscussionPlugin%3A%3AProposal');
         encodedParams.push('private_token=' + $rootScope.currentUser.private_token);
         encodedParams.push('fields=id');
         encodedParams.push('article[name]=article_' + GUID.generate());
@@ -25,6 +25,8 @@
     extendedService.getQuestions = getQuestions;
     extendedService.searchPrograms = searchPrograms;
     extendedService.searchProposals = searchProposals;
+    extendedService.filterProposalsByCategorySlug = filterProposalsByCategorySlug;
+    extendedService.filterProposalsByProgramId = filterProposalsByProgramId;
     var CACHE = {};
@@ -230,6 +232,51 @@
       ArticleService.searchProposals(params, cbSuccess, cbError);
     }
+    function filterProposalsByCategorySlug (input, categorySlug) {
+
+      if(!angular.isArray(input)){
+        $log.error('Input is not a Array.');
+        return [];
+      }
+
+      // Use native array filter
+      return input.filter(function(value/*, index, arr*/) {
+
+        if (!value.parent) {
+          $log.warn('Proposal without a parent.');
+          return false;
+        }
+
+        if (!value.parent.categories || value.parent.categories.length === 0) {
+          $log.warn('Proposal parent has no categories.');
+          return false;
+        }
+
+        // match?!
+        return value.parent.categories[0].slug === categorySlug;
+      });
+    }
+
+    function filterProposalsByProgramId (input, program_id) {
+
+      if(!angular.isArray(input)){
+        $log.error('Input is not a Array.');
+        return [];
+      }
+
+      // Use native array filter
+      return input.filter(function(value) {
+        if (!value.parent || !value.parent.id) {
+          $log.warn('Proposal has no parent.');
+
+          return false;
+        }
+
+        // match?!
+        return value.parent.id === program_id;
+      });
+    }
+
     function _pipeHandleYoutube (data) {
       var abstract = data.article.abstract;
@@ -269,6 +316,31 @@
         CACHE.programs = data.article.children;
         CACHE.programs_count = data.article.children_count;
       }
+
+      _pipeHackPrograms(CACHE.programs);
+    }
+
+    function _pipeHackPrograms (programs) {
+
+      if(!angular.isArray(programs)){
+        return;
+      }
+
+      var program = null;
+      var parts = null;
+      for (var i = programs.length - 1; i >= 0; i--) {
+        program = programs[i];
+
+        if(!program.summary){
+          parts = program.abstract.split('<hr />');
+
+          program.summary = $rootScope.stripHtml(parts[0]).trim();
+
+          if(parts.length > 1){
+            program.summaryExtended = parts[1].trim();
+          }
+        }
+      }
     }
     // Calculate color pallet
@@ -148,7 +148,7 @@
   </div>
   <div class="proposal-box--bottom text-center">
     <div class="proposal-box--share">
-      <span>COMPARTILHE ESSA <b>PROPOSTA</b></span>
+      <span>COMPARTILHE ESTA <b>PROPOSTA</b></span>
       <div class="dropdown">
         <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>
         <social-share class="dropdown-menu dropdown-menu-right"></social-share>
@@ -19,8 +19,8 @@
       templateUrl: 'app/components/show-message/show-message.html',
       scope: {
         type: '=',
-        title: '=',
-        message: '='
+        message: '=',
+        description: '='
       },
       controller: ShowMessageController,
       controllerAs: 'vm',
@@ -8,8 +8,8 @@
       </div>
     </div>
     <div class="col-sm-8 message-content text-center-sm">
-      <h3>{{ ::vm.title }}</h3>
-      <p>{{ ::vm.message }}</p>
+      <h3>{{ ::vm.message }}</h3>
+      <div ng-bind-html="vm.description"></div>
     </div>
   </div>
 </div>
@@ -68,7 +68,7 @@
       // nomralized format. However, if the request was not handled by the
       // server (or what not handles properly - ex. server error), then we
       // may have to normalize it on our end, as best we can.
-      if (!angular.isObject(error.data) || !error.data.message) {
+      if (!angular.isObject(error.data)) {
         return $q.reject('An unknown error occurred.');
       }
@@ -293,38 +293,39 @@ a.link-black {
   color: black;
 }
-article.program-content {
-  margin-top: 40px;
-}
-
-article.program-content div.ng-binding div.container div.row {
-  margin-bottom: 40px;
-}
-
-article.program-content h3 {
-  margin-bottom: 15px;
-}
-
 .inline-block {
   display: inline-block;
 }
+// Sobreescreve a classe do bootstrap
+.close {
+  color: white;
+  opacity: 1;
+  font-weight: normal;
+}
+
 blockquote {
-  border-left: medium none;
-  font-size: 140%;
+  border-left: none;
+  font-size: 24px;
+  line-height: 28px;
   padding: 50px 0 0 50px;
   position: relative;
+
+  @each $category, $color in $categories {
+    .#{$category} & {
+      color: $color;
+    }
+  }
+
   &:before {
     content: "⌜";
     font-size: 200px;
-    left: -2px;
+    line-height: 200px;
     position: absolute;
-    top: -50px;
+    top: -10px;
+    left: -10px;
     font-weight: bolder;
-    left: -17px;
-    top: -68px;
-    @each $category,
-    $color in $categories {
+    @each $category, $color in $categories {
       .#{$category} & {
         color: $color;
       }
@@ -332,26 +333,6 @@ blockquote {
   }
 }
-// .cultura blockquote::before {
-//   color: #cd999b;
-// }
-// Sobreescreve a classe do bootstrap
-.close {
-  color: white;
-  opacity: 1;
-  font-weight: normal;
-}
-
-// .img-responsive {
-//   width: 100%;
-// }
-//strong {
-//  @each $category, $color in $categories {
-//    .#{$category} & {
-//      color: $color;
-//    }
-//  }
-//}
 .top-border-theme {
   @each $category,
   $color in $categories {
@@ -17,8 +17,8 @@
 		        <div class="feedback-message">
 		          <show-message
 		          type="'success'"
-		          title="pageSignin.successRecoverMessageTitle || 'Pronto!'"
-		          message="pageSignin.successRecoverMessage"
+		          message="pageSignin.successRecoverMessageTitle || 'Pronto!'"
+		          description="pageSignin.successRecoverMessage"
 		          ></show-message>
 		          <div class="row">
 		          	<div class="col-sm-8 col-sm-offset-4">
@@ -14,21 +14,21 @@
             <div class="feedback-message">
               <show-message
               type="'success'"
-              title="pageSignin.messageTitle || 'Você está logado!'"
-              message="pageSignin.successMessage"
+              message="pageSignin.messageTitle || 'Você está logado!'"
+              description="pageSignin.successMessage"
               ></show-message>
               <div class="row">
                 <div class="col-sm-4"></div>
                 <div class="col-sm-8 text-center-sm">
-                  <!-- <div ng-if="pageSignin.redirect > 0">
-                  </div> -->
                   <div ng-if="pageSignin.countdown > 0">
                     <p>
                       Você será redirecionado em menos de <b>{{pageSignin.countdown}} segundos</b>...
                     </p>
                   </div>
-                  <button type="button" ng-click="pageSignin.onClickLogout()" class="btn btn-primary">Sair</button>
+                  <div ng-if="!pageSignin.hasRedirect">
+                    <a ui-sref="inicio" class="btn btn-primary">Ir para a Página Inicial</a>
+                  </div>
                 </div>
               </div>
             </div>
@@ -160,6 +160,21 @@
     vm.article.videoIsLoaded = true;
   };
+  InicioPageController.prototype.submitSearch = function() {
+    var vm = this;
+
+    vm.loadingFilter = true;
+
+    // scroll to result grid
+    var $searchResult = angular.element('#search-result');
+    if($searchResult && $searchResult.length > 0){
+      angular.element('body').animate({scrollTop: $searchResult.offset().top}, 'fast');
+      vm.filtredPrograms = vm.getFiltredPrograms();
+    }else{
+      vm.$log.warn('#search-result element not found.');
+    }
+  };
+
   InicioPageController.prototype.filter = function() {
     var vm = this;
@@ -218,6 +233,7 @@
     var selectedTheme = vm.selectedTheme;
     var filter = vm.$filter('filter');
+    vm.loadingFilter = true;
     if (selectedTheme) {
       output = vm._filterByCategory(output, selectedTheme);
@@ -231,6 +247,7 @@
       output = _balanceByCategory(output);
     }
+    vm.loadingFilter = false;
     return output;
   };
@@ -259,7 +276,7 @@
     }
     return out;
-  }
+  };
   function _balanceByCategory (input) {
     var result = [];
@@ -88,7 +88,7 @@
                 <label for="articleQueryFilter1" class="control-label sr-only">Buscar programas:</label>
                 <input id="articleQueryFilter1" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >
                 <span class="input-group-btn">
-                  <button type="button" class="btn btn-default" ng-click="pageInicio.search()">
+                  <button type="button" class="btn btn-default" ng-click="pageInicio.submitSearch()">
                     <span class="icon-circle icon-small color-theme-common-bg">
                       <span class="glyphicon glyphicon-search"></span>
                     </span>
@@ -120,7 +120,7 @@
                 <label for="articleQueryFilter2" class="control-label sr-only">Buscar programas:</label>
                 <input id="articleQueryFilter2" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >
                 <span class="input-group-btn">
-                  <button type="button" class="btn btn-default" ng-click="pageInicio.search()">
+                  <button type="button" class="btn btn-default" ng-click="pageInicio.submitSearch()">
                     <span class="icon-circle icon-small color-theme-common-bg">
                       <span class="glyphicon glyphicon-search"></span>
                     </span>
@@ -130,12 +130,12 @@
               </div>
             </div>
           </div>
-          <div class="row">
+          <div id="search-result" class="row">
             <div class="col-sm-12">
               <header class="header">
                 <h2>Programas</h2>
                 <button type="button" class="btn btn-link" ng-click="pageInicio.showAllPrograms($event)">
-                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> Ver todos os programas
+                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> Ver todos os {{::pageInicio.programs.length}} programas
                 </button>
               </header>
             </div>
@@ -122,10 +122,22 @@
       vm.DialogaService.createProposal(proposal, vm.article.id, function(response) {
         vm.$log.debug('response', response);
+        // vm.message =
         // vm.proposalStatus = vm.PROPOSAL_STATUS.SENT | vm.PROPOSAL_STATUS.SUCCESS;
         vm.proposalStatus = vm.PROPOSAL_STATUS.SUCCESS;
       }, function(error) {
         vm.$log.error(error);
+
+        vm.error = error;
+
+        if (vm.error.code === 400){
+          // Bad Request
+          vm.error.message = '';
+          vm.error.message += 'Não foi possível enviar a proposta.<br>';
+          vm.error.message += 'Este problema já foi registrado em nossos servidores.<br>';
+          vm.error.message += 'Por favor, tente novamente mais tarde.';
+        }
+
         // vm.proposalStatus = vm.PROPOSAL_STATUS.SENT | vm.PROPOSAL_STATUS.ERROR;
         vm.proposalStatus = vm.PROPOSAL_STATUS.ERROR;
       });
@@ -18,94 +18,104 @@
     </div>
   </section>
-  <div role="main">
-    <section ng-if="pagePrograma.article.body" ng-class="pagePrograma.category.slug">
+  <div role="main" ng-class="pagePrograma.category.slug">
+    <section ng-if="pagePrograma.article.body">
       <div class="container">
         <div class="row">
           <article class="program-preview">
-              <!-- Preview > Titulo -->
-              <div class="col-md-12">
-                <h1 class="program-preview--title color-theme-fg">{{::pagePrograma.article.title}}</h1>
-              </div>
-              <!-- Preview > coluna da esquerda -->
-              <div class="col-md-8">
-                <div class="program-preview--box contraste-box">
-                  <div class="program-preview--banner" ng-style="{'background-image':'url( {{::pagePrograma.banner.src}} )'}"></div>
-                  <div class="program-preview--box--content-wrapper">
-                    <div class="program-preview--icon icon-wrapper-rounded color-theme-bg" ng-class="pagePrograma.category.slug">
-                      <span class="icon" ng-class="'icon-tema-' + pagePrograma.category.slug"></span>
-                    </div>
-                    <div class="program-preview--abstract color-theme-fg">
-                      <h2>{{::stripHtml(pagePrograma.article.abstract)}}</h2>
-                    </div>
-                    <div class="program-preview--abstract-details">
-                      <p>Lorem ipsum dolor sit amet, ea veniam mucius ocurreret vix, ius ex nisl vidisse partiendo. Blandit nominavi cum ei, paulo quaestio his ei, eum minim salutandi in. Civibus albucius in quo, et eam posse facilisis. Debet suavitate sea ut, his ei feugiat fastidii eleifend. Quo ex quando maiestatis voluptatum, mel te perpetua maiestatis, sit ceteros legendos deserunt ea. Enim dolores moderatius eu pro, ad quo ignota aliquid meliore.</p>
-                    </div>
-                    <div class="program-preview--share">
-                      <div class="program-preview--share-label">Compartilhe este programa:</div>
-                      <social-share class="program-preview--share-directive"></social-share>
+            <!-- Preview > Titulo -->
+            <div class="col-md-12">
+              <h1 class="program-preview--title color-theme-fg">{{::pagePrograma.article.title}}</h1>
+            </div>
+            <!-- Preview > coluna da esquerda -->
+            <div class="col-md-8">
+              <div class="program-preview--box contraste-box">
+                <div class="program-preview--banner" ng-style="{'background-image':'url( {{::pagePrograma.banner.src}} )'}"></div>
+                <div class="program-preview--box--content-wrapper">
+                  <div class="program-preview--icon icon-wrapper-rounded color-theme-bg" ng-class="pagePrograma.category.slug">
+                    <span class="icon" ng-class="'icon-tema-' + pagePrograma.category.slug"></span>
+                  </div>
+                  <div class="program-preview--abstract color-theme-fg">
+                    <h2>{{::stripHtml(pagePrograma.article.summary)}}</h2>
+                  </div>
+                  <div class="program-preview--abstract-details">
+                    <div ng-bind-html="pagePrograma.article.summaryExtended"></div>
+                    <p>Lorem ipsum dolor sit amet, ea veniam mucius ocurreret vix, ius ex nisl vidisse partiendo. Blandit nominavi cum ei, paulo quaestio his ei, eum minim salutandi in. Civibus albucius in quo, et eam posse facilisis. Debet suavitate sea ut, his ei feugiat fastidii eleifend. Quo ex quando maiestatis voluptatum, mel te perpetua maiestatis, sit ceteros legendos deserunt ea. Enim dolores moderatius eu pro, ad quo ignota aliquid meliore.</p>
+                  </div>
+                  <div class="program-preview--share">
+                    <div class="program-preview--share-label">COMPARTILHE ESTE <b>PROGRAMA</b></div>
+                    <div class="dropdown">
+                      <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>
+                      <social-share
+                        url=""
+                        text=""
+                        image=""
+                        arrow-class="social-share--arrow"
+                        class="dropdown-menu dropdown-menu-right"
+                        ></social-share>
                     </div>
-                    <div class="program-preview--make-proposal">
-                      <div class="row">
-                        <div class="col-sm-6">
-                          <div class="button--themed">
-                            <button type="button" class="btn btn-block" ng-click="pagePrograma.showProposalForm()">Faça uma proposta</button>
-                          </div>
+                  </div>
+                  <div class="program-preview--make-proposal">
+                    <div class="row">
+                      <div class="col-sm-6">
+                        <div class="button--themed">
+                          <button type="button" class="btn btn-block" ng-click="pagePrograma.showProposalForm()">Faça uma proposta</button>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
-              <!-- Preview > coluna da direita -->
-              <div class="col-md-4">
-                <div class="row">
+            </div>
+            <!-- Preview > coluna da direita -->
+            <div class="col-md-4">
+              <div class="row">
-                  <!-- Top Proposals -->
-                  <div>
-                    <!-- Loading Top Proposals -->
-                    <div ng-if="pagePrograma.loadingTopProposals">
-                      <div class="alert alert-info" role="alert">
-                        Carregando propostas mais votadas...
-                      </div>
+                <!-- Top Proposals -->
+                <div>
+                  <!-- Loading Top Proposals -->
+                  <div ng-if="pagePrograma.loadingTopProposals">
+                    <div class="alert alert-info" role="alert">
+                      Carregando propostas mais votadas...
                     </div>
+                  </div>
-                    <!-- Top Proposals > Carousel -->
-                    <div class="col-xs-12" ng-if="!pagePrograma.loadingTopProposals && pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0">
-                      <h3 class="color-theme-fg">Propostas mais votadas</h3>
-                      <proposal-carousel proposals="pagePrograma.proposalsTopRated"></proposal-carousel>
-                    </div>
+                  <!-- Top Proposals > Carousel -->
+                  <div class="col-xs-12" ng-if="!pagePrograma.loadingTopProposals && pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0">
+                    <h3 class="color-theme-fg">Propostas mais votadas</h3>
+                    <proposal-carousel proposals="pagePrograma.proposalsTopRated"></proposal-carousel>
                   </div>
+                </div>
-                  <!-- Proposal Box -->
-                  <div>
-                    <div class="col-xs-12" ng-if="!pagePrograma.loadingProposalBox && pagePrograma.randomProposal" ng-class="{'focused-proposal': !!pagePrograma.search.proposal_id}">
-                      <h3 class="color-theme-fg">Apoie outras propostas</h3>
-                      <proposal-box proposal="pagePrograma.randomProposal" topic="pagePrograma.article" category="pagePrograma.category" can-vote="true" focus="{{pagePrograma.search.proposal_id}}" ></proposal-box>
-                    </div>
+                <!-- Proposal Box -->
+                <div>
+                  <div class="col-xs-12" ng-if="!pagePrograma.loadingProposalBox && pagePrograma.randomProposal" ng-class="{'focused-proposal': !!pagePrograma.search.proposal_id}">
+                    <h3 class="color-theme-fg">Apoie outras propostas</h3>
+                    <proposal-box proposal="pagePrograma.randomProposal" topic="pagePrograma.article" category="pagePrograma.category" can-vote="true" focus="{{pagePrograma.search.proposal_id}}" ></proposal-box>
+                  </div>
-                    <!-- Loading Proposal Box -->
-                    <div ng-if="pagePrograma.loadingProposalBox">
-                      <div class="alert alert-info" role="alert">
-                        Carregando propostas nesse programa...
-                      </div>
+                  <!-- Loading Proposal Box -->
+                  <div ng-if="pagePrograma.loadingProposalBox">
+                    <div class="alert alert-info" role="alert">
+                      Carregando propostas nesse programa...
                     </div>
                   </div>
+                </div>
-                  <!-- No Proposals? okay! -->
-                  <div ng-if="!pagePrograma.loadingTopProposals && !pagePrograma.loadingProposalBox">
-                    <div class="col-xs-12" ng-if="!pagePrograma.randomProposal && !(pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0)">
-                      <h3>Programas sem propostas</h3>
-                      <p>
-                        Este programa ainda não possui nenhuma proposta.
-                        <div class="button--themed">
-                          <button type="button" class="btn btn-block" ng-click="pagePrograma.showProposalForm()">Faça uma proposta</button>
-                        </div>
-                      </p>
-                    </div>
+                <!-- No Proposals? okay! -->
+                <div ng-if="!pagePrograma.loadingTopProposals && !pagePrograma.loadingProposalBox">
+                  <div class="col-xs-12" ng-if="!pagePrograma.randomProposal && !(pagePrograma.proposalsTopRated && pagePrograma.proposalsTopRated.length > 0)">
+                    <h3>Programas sem propostas</h3>
+                    <p>
+                      Este programa ainda não possui nenhuma proposta.
+                      <div class="button--themed">
+                        <button type="button" class="btn btn-block" ng-click="pagePrograma.showProposalForm()">Faça uma proposta</button>
+                      </div>
+                    </p>
                   </div>
                 </div>
               </div>
+            </div>
           </article>
         </div>
       </div>
@@ -143,8 +153,8 @@
         <div ng-if="!pagePrograma.$rootScope.currentUser">
           <show-message
             type="'alert'"
-            title="'Você não está logado!'"
-            message="'Você precisa estar logado para enviar uma proposta.'"
+            message="'Você não está logado!'"
+            description="'Você precisa estar logado para enviar uma proposta.'"
             ></show-message>
           <div class="row">
             <div class="col-sm-4"></div>
@@ -158,8 +168,26 @@
             <div ng-if="pagePrograma.proposalStatus === pagePrograma.PROPOSAL_STATUS.SUCCESS">
               <show-message
                 type="'success'"
-                title="'Proposta enviada com sucesso!'"
-                message="'Sua proposta foi enviada para a nossa equipe de moderação. Em aproximadamente 72 horas você receberá em seu endereço de e-mail uma resposta sobre a sua proposta.'"
+                message="'Proposta enviada com sucesso!'"
+                description="'Sua proposta foi enviada para a nossa equipe de moderação. Em aproximadamente 72 horas você receberá em seu endereço de e-mail uma resposta sobre a sua proposta.'"
+                ></show-message>
+              <div class="row">
+                <div class="col-sm-4"></div>
+                <div class="col-sm-8 text-center-sm">
+                  <button type="button" class="btn btn-link" ng-click="pagePrograma.sendAnotherProposal()">
+                    Clique aqui para enviar outra proposta
+                  </button>
+                </div>
+              </div>
+            </div>
+            <div ng-if="pagePrograma.proposalStatus === pagePrograma.PROPOSAL_STATUS.SENDING">
+              Enviando...
+            </div>
+            <div ng-if="pagePrograma.proposalStatus === pagePrograma.PROPOSAL_STATUS.ERROR">
+              <show-message
+                type="'error'"
+                message="'Erro ' + pagePrograma.error.code + '!'"
+                description="pagePrograma.error.message"
                 ></show-message>
               <div class="row">
                 <div class="col-sm-4"></div>
@@ -170,7 +198,6 @@
                 </div>
               </div>
             </div>
-            <div ng-if="pagePrograma.proposalStatus === pagePrograma.PROPOSAL_STATUS.ERROR"></div>
             <div ng-if="!pagePrograma.proposalStatus">
               <cadastro-proposta program="pagePrograma.article" status="pagePrograma.proposalStatus"></cadastro-proposta>
             </div>
@@ -212,7 +212,7 @@
     }
     return out;
-  }
+  };
   ProgramasPageController.prototype._balanceByCategory = function (input) {
     var vm = this;
@@ -276,5 +276,5 @@
     }
     return result;
-  }
+  };
 })();
@@ -7,81 +7,151 @@
     }
 }
-.program-preview {
+.page--program {
-    .program-preview--box {
-        position: relative;
-        background-color: #f1f1f1;
-    }
+    .program-preview {
-    .program-preview--banner {
-        width: 100%;
-        height: 400px;
+        .program-preview--box {
+            position: relative;
+            background-color: #f1f1f1;
+        }
+
+        .program-preview--banner {
+            width: 100%;
+            height: 400px;
-        background-position: center;
-        background-size: cover;
-        background-repeat: no-repeat;
+            background-position: center;
+            background-size: cover;
+            background-repeat: no-repeat;
-        @media screen and (max-width: $screen-xs) {
-            // height: 15px;
+            @media screen and (max-width: $screen-xs) {
+                // height: 15px;
-            // .video {
-            //     height: 290px;
-            // }
+                // .video {
+                //     height: 290px;
+                // }
+            }
         }
-    }
-    .program-preview--icon {
-        $icon-size: 98px;
-        $icon-scale: 0.7;
-        position: absolute;
-        top: (-1) * ($icon-size / 2);
-        left: 40px;
+        .program-preview--icon {
+            $icon-size: 80px;
+            $icon-scale: 0.7;
+            position: absolute;
+            top: (-1) * ($icon-size / 2);
+            left: 40px;
+
+            width: $icon-size * $icon-scale + 25px;
+            height: $icon-size * $icon-scale + 25px;
+
+            .icon {
+                display: block;
+                position: relative;
+                top: -2px;
+                left: -2px;
+            }
+
+            .contraste & {
+                border: 1px solid #fff;
+            }
+        }
-        width: $icon-size * $icon-scale + 20px;
-        height: $icon-size * $icon-scale + 20px;
+        .program-preview--box--content-wrapper {
+            padding: 48px;
+            position: relative;
+        }
+
+        .program-preview--abstract {
+            h2 {
+                margin-top: 22px; // parent.margin + this.margin = 48 + 22 = 72px;
+                margin-bottom: 32px;
+            }
+        }
-        .icon {
-            display: block;
+        .program-preview--abstract-details {
+            p {
+                color: #484848;
+                font-size: 14px;
+                line-height: 18px;
+                margin-bottom: 25px;
+            }
+        }
+
+        .program-preview--share {
+            margin-bottom: 20px;
             position: relative;
-            top: -8px;
-            left: -8px;
-            // transform: scale($icon-scale);
+            .dropdown {
+                display: inline-block;
+                position: relative;
+            }
+
+            .dropdown-menu {
+                padding: 0;
+                margin: 0;
+            }
+
+            .social-share {
+                background-color: #fff;
+            }
+
+            .social-share--arrow {
+                border-bottom-color: #fff;
+            }
         }
-        .contraste & {
-            border: 1px solid #fff;
+        .program-preview--share-label,
+        .program-preview--share-directive {
+            display: inline-block;
+            vertical-align: middle;
         }
-    }
-    .program-preview--box--content-wrapper {
-        padding: 40px;
-        position: relative;
-    }
+        h1 {
+            font-size: 38px;
+            line-height: 40px;
+            font-weight: 900;
+        }
-    .program-preview--share-label,
-    .program-preview--share-directive {
-        display: inline-block;
-        vertical-align: middle;
+        h2 {
+            font-size: 32px;
+            line-height: 36px;
+            font-weight: bold;
+        }
     }
-    .program-preview--abstract h2 {
-        font-size: 40px;
-    }
+    .program-content {
-    h2,
-    h3{
-        font-weight: bold;
-    }
+        margin-top: 40px;
-    h3 {
-        margin-top: 0;
-    }
-}
+        h3 {
+            font-size: 22px;
+            line-height: 26px;
+            font-weight: bold;
-.page--program {
+            margin-top: 0;
+            margin-bottom: 15px;
+        }
+
+        h4 {
+            font-size: 18px;
+            line-height: 24px;
+            font-weight: bold;
+        }
+
+        h5 {
+            font-size: 16px;
+            line-height: 22px;
+        }
+
+        p {
+            font-size: 14px;
+            line-height: 18px;
+        }
+
+        .container > .row {
+            margin-bottom: 40px;
+        }
+    }
     .btn-close {
         position: absolute;
@@ -22,7 +22,7 @@
     $log.debug('PropostasPageController');
   }
-  PropostasPageController.prototype.init = function () {
+  PropostasPageController.prototype.init = function() {
     var vm = this;
     vm.themes = null;
@@ -38,7 +38,7 @@
     vm.error = null;
   };
-  PropostasPageController.prototype.loadData = function () {
+  PropostasPageController.prototype.loadData = function() {
     var vm = this;
     vm.loading = true;
@@ -50,15 +50,15 @@
     // 1. Load themes
     vm.loadingThemes = true;
-    vm.DialogaService.getThemes(function(themes){
+    vm.DialogaService.getThemes(function(themes) {
       vm.themes = themes;
       vm.loadingThemes = false;
       vm.loading = false;
-      vm.loadProposals(function (){
+      vm.loadProposals(function() {
         vm.attachListeners();
       });
-    }, function (error) {
+    }, function(error) {
       vm.error = error;
       vm.$log.error(error);
       vm.loadingThemes = false;
@@ -66,21 +66,21 @@
     });
   };
-  PropostasPageController.prototype.loadProposals = function (cb) {
+  PropostasPageController.prototype.loadProposals = function(cb) {
     var vm = this;
     // load Proposals
     vm.loadingProposals = true;
-    vm.DialogaService.getProposals({}, function(data){
+    vm.DialogaService.getProposals({}, function(data) {
       vm.proposals = data.articles;
       vm.filtredProposals = vm.proposals;
       vm.loadingProposals = false;
       vm.loading = false;
-      if(cb){
+      if (cb) {
         cb();
       }
-    }, function (error) {
+    }, function(error) {
       vm.error = error;
       vm.$log.error(error);
       vm.loadingProposals = false;
@@ -91,21 +91,21 @@
   PropostasPageController.prototype.attachListeners = function() {
     var vm = this;
-    vm.$scope.$on('change-selectedCategory', function (event, selectedCategory) {
+    vm.$scope.$on('change-selectedCategory', function(event, selectedCategory) {
       vm.selectedTheme = selectedCategory;
     });
-    vm.$scope.$watch('pagePropostas.selectedTheme', function(newValue, oldValue) {
+    vm.$scope.$watch('pagePropostas.selectedTheme', function(newValue/*, oldValue*/) {
       vm.search.tema = newValue ? newValue.slug : null;
       vm.$location.search('tema', vm.search.tema);
       vm.filtredProposals = vm.getFiltredProposals();
     });
-    vm.$scope.$on('change-selectedTopic', function (event, selectedTopic) {
+    vm.$scope.$on('change-selectedTopic', function(event, selectedTopic) {
       vm.selectedProgram = selectedTopic;
     });
-    vm.$scope.$watch('pagePropostas.selectedProgram', function(newValue, oldValue) {
+    vm.$scope.$watch('pagePropostas.selectedProgram', function(newValue/*, oldValue*/) {
       vm.search.programa = newValue ? newValue.slug : null;
       vm.$location.search('programa', vm.search.programa);
       vm.filtredProposals = vm.getFiltredProposals();
@@ -128,7 +128,7 @@
   PropostasPageController.prototype.getFiltredProposals = function() {
     var vm = this;
-    if(!vm.proposals){
+    if (!vm.proposals) {
       vm.$log.info('No proposals loaded yet. Abort.');
       return null;
     }
@@ -142,64 +142,18 @@
     var filter = vm.$filter('filter');
     if (selectedTheme) {
-      output = vm._filterByCategory(output, selectedTheme);
+      output = vm.DialogaService.filterProposalsByCategorySlug(output, selectedTheme.slug);
     }
     if (selectedProgram) {
-      output = vm._filterByProgram(output, selectedProgram);
+      output = vm.DialogaService.filterProposalsByProgramId(output, selectedProgram.id);
     }
     if (query) {
       output = filter(output, query, false);
     }
-    // if(!query && !selectedTheme && vm._showAllFlag){
-    //   output = _balanceByCategory(output);
-    // }
-
     return output;
   };
-  PropostasPageController.prototype._filterByCategory = function (input, category) {
-    var vm = this;
-
-    input = input || [];
-
-    if (!category) {
-      // no filter
-      return input;
-    }
-
-    var out = [];
-    for (var i = 0; i < input.length; i++) {
-      var proposal = input[i];
-      if (proposal.parent.categories[0].slug === category.slug) {
-        out.push(proposal);
-      }
-    }
-
-    return out;
-  }
-
-  PropostasPageController.prototype._filterByProgram = function (input, program) {
-    var vm = this;
-
-    input = input || [];
-
-    if (!program) {
-      // no filter
-      return input;
-    }
-
-    var out = [];
-    for (var i = 0; i < input.length; i++) {
-      var proposal = input[i];
-      if (proposal.parent.id === program.id) {
-        out.push(proposal);
-      }
-    }
-
-    return out;
-  }
-
 })();
	@@ -7,7 +7,7 @@		@@ -7,7 +7,7 @@
7	<div class="article-box--title">	7	<div class="article-box--title">
8	<h1>{{::vm.article.title}}</h1>	8	<h1>{{::vm.article.title}}</h1>
9	</div>	9	</div>
10	- <div class="article-box--abstract" ng-bind-html="vm.article.abstract"></div>	10	+ <div class="article-box--abstract" ng-bind-html="vm.article.summary"></div>
11	<div class="button--themed">	11	<div class="button--themed">
12	<button class="btn btn-block">	12	<button class="btn btn-block">
13	Participe	13	Participe
	@@ -25,6 +25,8 @@		@@ -25,6 +25,8 @@
25	extendedService.getQuestions = getQuestions;	25	extendedService.getQuestions = getQuestions;
26	extendedService.searchPrograms = searchPrograms;	26	extendedService.searchPrograms = searchPrograms;
27	extendedService.searchProposals = searchProposals;	27	extendedService.searchProposals = searchProposals;
		28	+ extendedService.filterProposalsByCategorySlug = filterProposalsByCategorySlug;
		29	+ extendedService.filterProposalsByProgramId = filterProposalsByProgramId;
28		30
29	var CACHE = {};	31	var CACHE = {};
30		32
	@@ -230,6 +232,51 @@		@@ -230,6 +232,51 @@
230	ArticleService.searchProposals(params, cbSuccess, cbError);	232	ArticleService.searchProposals(params, cbSuccess, cbError);
231	}	233	}
232		234
		235	+ function filterProposalsByCategorySlug (input, categorySlug) {
		236	+
		237	+ if(!angular.isArray(input)){
		238	+ $log.error('Input is not a Array.');
		239	+ return [];
		240	+ }
		241	+
		242	+ // Use native array filter
		243	+ return input.filter(function(value/, index, arr/) {
		244	+
		245	+ if (!value.parent) {
		246	+ $log.warn('Proposal without a parent.');
		247	+ return false;
		248	+ }
		249	+
		250	+ if (!value.parent.categories \|\| value.parent.categories.length === 0) {
		251	+ $log.warn('Proposal parent has no categories.');
		252	+ return false;
		253	+ }
		254	+
		255	+ // match?!
		256	+ return value.parent.categories[0].slug === categorySlug;
		257	+ });
		258	+ }
		259	+
		260	+ function filterProposalsByProgramId (input, program_id) {
		261	+
		262	+ if(!angular.isArray(input)){
		263	+ $log.error('Input is not a Array.');
		264	+ return [];
		265	+ }
		266	+
		267	+ // Use native array filter
		268	+ return input.filter(function(value) {
		269	+ if (!value.parent \|\| !value.parent.id) {
		270	+ $log.warn('Proposal has no parent.');
		271	+
		272	+ return false;
		273	+ }
		274	+
		275	+ // match?!
		276	+ return value.parent.id === program_id;
		277	+ });
		278	+ }
		279	+
233	function _pipeHandleYoutube (data) {	280	function _pipeHandleYoutube (data) {
234	var abstract = data.article.abstract;	281	var abstract = data.article.abstract;
235		282
	@@ -269,6 +316,31 @@		@@ -269,6 +316,31 @@
269	CACHE.programs = data.article.children;	316	CACHE.programs = data.article.children;
270	CACHE.programs_count = data.article.children_count;	317	CACHE.programs_count = data.article.children_count;
271	}	318	}
		319	+
		320	+ _pipeHackPrograms(CACHE.programs);
		321	+ }
		322	+
		323	+ function _pipeHackPrograms (programs) {
		324	+
		325	+ if(!angular.isArray(programs)){
		326	+ return;
		327	+ }
		328	+
		329	+ var program = null;
		330	+ var parts = null;
		331	+ for (var i = programs.length - 1; i >= 0; i--) {
		332	+ program = programs[i];
		333	+
		334	+ if(!program.summary){
		335	+ parts = program.abstract.split('<hr />');
		336	+
		337	+ program.summary = $rootScope.stripHtml(parts[0]).trim();
		338	+
		339	+ if(parts.length > 1){
		340	+ program.summaryExtended = parts[1].trim();
		341	+ }
		342	+ }
		343	+ }
272	}	344	}
273		345
274	// Calculate color pallet	346	// Calculate color pallet
	@@ -148,7 +148,7 @@		@@ -148,7 +148,7 @@
148	</div>	148	</div>
149	<div class="proposal-box--bottom text-center">	149	<div class="proposal-box--bottom text-center">
150	<div class="proposal-box--share">	150	<div class="proposal-box--share">
151	- <span>COMPARTILHE ESSA <b>PROPOSTA</b></span>	151	+ <span>COMPARTILHE ESTA <b>PROPOSTA</b></span>
152	<div class="dropdown">	152	<div class="dropdown">
153	<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>	153	<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>
154	<social-share class="dropdown-menu dropdown-menu-right"></social-share>	154	<social-share class="dropdown-menu dropdown-menu-right"></social-share>
	@@ -68,7 +68,7 @@		@@ -68,7 +68,7 @@
68	// nomralized format. However, if the request was not handled by the	68	// nomralized format. However, if the request was not handled by the
69	// server (or what not handles properly - ex. server error), then we	69	// server (or what not handles properly - ex. server error), then we
70	// may have to normalize it on our end, as best we can.	70	// may have to normalize it on our end, as best we can.
71	- if (!angular.isObject(error.data) \|\| !error.data.message) {	71	+ if (!angular.isObject(error.data)) {
72	return $q.reject('An unknown error occurred.');	72	return $q.reject('An unknown error occurred.');
73	}	73	}
74		74
	@@ -88,7 +88,7 @@		@@ -88,7 +88,7 @@
88	<label for="articleQueryFilter1" class="control-label sr-only">Buscar programas:</label>	88	<label for="articleQueryFilter1" class="control-label sr-only">Buscar programas:</label>
89	<input id="articleQueryFilter1" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >	89	<input id="articleQueryFilter1" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >
90	<span class="input-group-btn">	90	<span class="input-group-btn">
91	- <button type="button" class="btn btn-default" ng-click="pageInicio.search()">	91	+ <button type="button" class="btn btn-default" ng-click="pageInicio.submitSearch()">
92	<span class="icon-circle icon-small color-theme-common-bg">	92	<span class="icon-circle icon-small color-theme-common-bg">
93	<span class="glyphicon glyphicon-search"></span>	93	<span class="glyphicon glyphicon-search"></span>
94	</span>	94	</span>
	@@ -120,7 +120,7 @@		@@ -120,7 +120,7 @@
120	<label for="articleQueryFilter2" class="control-label sr-only">Buscar programas:</label>	120	<label for="articleQueryFilter2" class="control-label sr-only">Buscar programas:</label>
121	<input id="articleQueryFilter2" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >	121	<input id="articleQueryFilter2" type="search" class="form-control input-search" ng-model="pageInicio.query" placeholder="Buscar programas" aria-label="Buscar programas" >
122	<span class="input-group-btn">	122	<span class="input-group-btn">
123	- <button type="button" class="btn btn-default" ng-click="pageInicio.search()">	123	+ <button type="button" class="btn btn-default" ng-click="pageInicio.submitSearch()">
124	<span class="icon-circle icon-small color-theme-common-bg">	124	<span class="icon-circle icon-small color-theme-common-bg">
125	<span class="glyphicon glyphicon-search"></span>	125	<span class="glyphicon glyphicon-search"></span>
126	</span>	126	</span>
	@@ -130,12 +130,12 @@		@@ -130,12 +130,12 @@
130	</div>	130	</div>
131	</div>	131	</div>
132	</div>	132	</div>
133	- <div class="row">	133	+ <div id="search-result" class="row">
134	<div class="col-sm-12">	134	<div class="col-sm-12">
135	<header class="header">	135	<header class="header">
136	<h2>Programas</h2>	136	<h2>Programas</h2>
137	<button type="button" class="btn btn-link" ng-click="pageInicio.showAllPrograms($event)">	137	<button type="button" class="btn btn-link" ng-click="pageInicio.showAllPrograms($event)">
138	- <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> Ver todos os programas	138	+ <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> Ver todos os {{::pageInicio.programs.length}} programas
139	</button>	139	</button>
140	</header>	140	</header>
141	</div>	141	</div>
	@@ -122,10 +122,22 @@		@@ -122,10 +122,22 @@
122		122
123	vm.DialogaService.createProposal(proposal, vm.article.id, function(response) {	123	vm.DialogaService.createProposal(proposal, vm.article.id, function(response) {
124	vm.$log.debug('response', response);	124	vm.$log.debug('response', response);
		125	+ // vm.message =
125	// vm.proposalStatus = vm.PROPOSAL_STATUS.SENT \| vm.PROPOSAL_STATUS.SUCCESS;	126	// vm.proposalStatus = vm.PROPOSAL_STATUS.SENT \| vm.PROPOSAL_STATUS.SUCCESS;
126	vm.proposalStatus = vm.PROPOSAL_STATUS.SUCCESS;	127	vm.proposalStatus = vm.PROPOSAL_STATUS.SUCCESS;
127	}, function(error) {	128	}, function(error) {
128	vm.$log.error(error);	129	vm.$log.error(error);
		130	+
		131	+ vm.error = error;
		132	+
		133	+ if (vm.error.code === 400){
		134	+ // Bad Request
		135	+ vm.error.message = '';
		136	+ vm.error.message += 'Não foi possível enviar a proposta.<br>';
		137	+ vm.error.message += 'Este problema já foi registrado em nossos servidores.<br>';
		138	+ vm.error.message += 'Por favor, tente novamente mais tarde.';
		139	+ }
		140	+
129	// vm.proposalStatus = vm.PROPOSAL_STATUS.SENT \| vm.PROPOSAL_STATUS.ERROR;	141	// vm.proposalStatus = vm.PROPOSAL_STATUS.SENT \| vm.PROPOSAL_STATUS.ERROR;
130	vm.proposalStatus = vm.PROPOSAL_STATUS.ERROR;	142	vm.proposalStatus = vm.PROPOSAL_STATUS.ERROR;
131	});	143	});
	@@ -212,7 +212,7 @@		@@ -212,7 +212,7 @@
212	}	212	}
213		213
214	return out;	214	return out;
215	- }	215	+ };
216		216
217	ProgramasPageController.prototype._balanceByCategory = function (input) {	217	ProgramasPageController.prototype._balanceByCategory = function (input) {
218	var vm = this;	218	var vm = this;
	@@ -276,5 +276,5 @@		@@ -276,5 +276,5 @@
276	}	276	}
277		277
278	return result;	278	return result;
279	- }	279	+ };
280	})();	280	})();
	@@ -7,81 +7,151 @@		@@ -7,81 +7,151 @@
7	}	7	}
8	}	8	}
9		9
10	-.program-preview {	10	+.page--program {
11		11
12	- .program-preview--box {
13	- position: relative;
14	- background-color: #f1f1f1;
15	- }	12	+ .program-preview {
16		13
17	- .program-preview--banner {
18	- width: 100%;
19	- height: 400px;	14	+ .program-preview--box {
		15	+ position: relative;
		16	+ background-color: #f1f1f1;
		17	+ }
		18	+
		19	+ .program-preview--banner {
		20	+ width: 100%;
		21	+ height: 400px;
20		22
21	- background-position: center;
22	- background-size: cover;
23	- background-repeat: no-repeat;	23	+ background-position: center;
		24	+ background-size: cover;
		25	+ background-repeat: no-repeat;
24		26
25		27
26		28
27	- @media screen and (max-width: $screen-xs) {
28	- // height: 15px;	29	+ @media screen and (max-width: $screen-xs) {
		30	+ // height: 15px;
29		31
30	- // .video {
31	- // height: 290px;
32	- // }	32	+ // .video {
		33	+ // height: 290px;
		34	+ // }
		35	+ }
33	}	36	}
34	- }
35		37
36	- .program-preview--icon {
37	- $icon-size: 98px;
38	- $icon-scale: 0.7;
39	- position: absolute;
40	- top: (-1) * ($icon-size / 2);
41	- left: 40px;	38	+ .program-preview--icon {
		39	+ $icon-size: 80px;
		40	+ $icon-scale: 0.7;
		41	+ position: absolute;
		42	+ top: (-1) * ($icon-size / 2);
		43	+ left: 40px;
		44	+
		45	+ width: $icon-size * $icon-scale + 25px;
		46	+ height: $icon-size * $icon-scale + 25px;
		47	+
		48	+ .icon {
		49	+ display: block;
		50	+ position: relative;
		51	+ top: -2px;
		52	+ left: -2px;
		53	+ }
		54	+
		55	+ .contraste & {
		56	+ border: 1px solid #fff;
		57	+ }
		58	+ }
42		59
43	- width: $icon-size * $icon-scale + 20px;
44	- height: $icon-size * $icon-scale + 20px;	60	+ .program-preview--box--content-wrapper {
		61	+ padding: 48px;
		62	+ position: relative;
		63	+ }
		64	+
		65	+ .program-preview--abstract {
		66	+ h2 {
		67	+ margin-top: 22px; // parent.margin + this.margin = 48 + 22 = 72px;
		68	+ margin-bottom: 32px;
		69	+ }
		70	+ }
45		71
46	- .icon {
47	- display: block;	72	+ .program-preview--abstract-details {
		73	+ p {
		74	+ color: #484848;
		75	+ font-size: 14px;
		76	+ line-height: 18px;
		77	+ margin-bottom: 25px;
		78	+ }
		79	+ }
		80	+
		81	+ .program-preview--share {
		82	+ margin-bottom: 20px;
48	position: relative;	83	position: relative;
49	- top: -8px;
50	- left: -8px;
51	- // transform: scale($icon-scale);	84	+ .dropdown {
		85	+ display: inline-block;
		86	+ position: relative;
		87	+ }
		88	+
		89	+ .dropdown-menu {
		90	+ padding: 0;
		91	+ margin: 0;
		92	+ }
		93	+
		94	+ .social-share {
		95	+ background-color: #fff;
		96	+ }
		97	+
		98	+ .social-share--arrow {
		99	+ border-bottom-color: #fff;
		100	+ }
52	}	101	}
53		102
54	- .contraste & {
55	- border: 1px solid #fff;	103	+ .program-preview--share-label,
		104	+ .program-preview--share-directive {
		105	+ display: inline-block;
		106	+ vertical-align: middle;
56	}	107	}
57	- }
58		108
59	- .program-preview--box--content-wrapper {
60	- padding: 40px;
61	- position: relative;
62	- }	109	+ h1 {
		110	+ font-size: 38px;
		111	+ line-height: 40px;
		112	+ font-weight: 900;
		113	+ }
63		114
64	- .program-preview--share-label,
65	- .program-preview--share-directive {
66	- display: inline-block;
67	- vertical-align: middle;	115	+ h2 {
		116	+ font-size: 32px;
		117	+ line-height: 36px;
		118	+ font-weight: bold;
		119	+ }
68	}	120	}
69		121
70	- .program-preview--abstract h2 {
71	- font-size: 40px;
72	- }	122	+ .program-content {
73		123
74	- h2,
75	- h3{
76	- font-weight: bold;
77	- }	124	+ margin-top: 40px;
78		125
79	- h3 {
80	- margin-top: 0;
81	- }
82	-}	126	+ h3 {
		127	+ font-size: 22px;
		128	+ line-height: 26px;
		129	+ font-weight: bold;
83		130
84	-.page--program {	131	+ margin-top: 0;
		132	+ margin-bottom: 15px;
		133	+ }
		134	+
		135	+ h4 {
		136	+ font-size: 18px;
		137	+ line-height: 24px;
		138	+ font-weight: bold;
		139	+ }
		140	+
		141	+ h5 {
		142	+ font-size: 16px;
		143	+ line-height: 22px;
		144	+ }
		145	+
		146	+ p {
		147	+ font-size: 14px;
		148	+ line-height: 18px;
		149	+ }
		150	+
		151	+ .container > .row {
		152	+ margin-bottom: 40px;
		153	+ }
		154	+ }
85		155
86	.btn-close {	156	.btn-close {
87	position: absolute;	157	position: absolute;