From 80287b3fb83b6039f68db087a3b9bb6c5a540ccd Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Fri, 27 Nov 2015 16:12:29 -0200
Subject: [PATCH] respostas-page: fix basic filter and router

---
 src/app/index.route.js                          |   2 +-
 src/app/pages/respostas/respostas.controller.js |  90 +++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------
 src/app/pages/respostas/respostas.html          | 219 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------
 src/app/pages/respostas/respostas.scss          |  12 ++++++------
 4 files changed, 166 insertions(+), 157 deletions(-)

diff --git a/src/app/index.route.js b/src/app/index.route.js
index 4e4af65..2c72ac9 100644
--- a/src/app/index.route.js
+++ b/src/app/index.route.js
@@ -149,7 +149,7 @@
         }
       })
       .state('respostas', {
-        url: '/respostas?tema&filtro&task',
+        url: '/respostas?tema&filtro',
         reloadOnSearch: false,
         ncyBreadcrumb: {label: 'Respostas'},
         views: {
diff --git a/src/app/pages/respostas/respostas.controller.js b/src/app/pages/respostas/respostas.controller.js
index 062119d..8e7286f 100644
--- a/src/app/pages/respostas/respostas.controller.js
+++ b/src/app/pages/respostas/respostas.controller.js
@@ -18,7 +18,7 @@
 
     vm.init();
     vm.loadData();
-    // vm.attachListeners(); // attach listeners after load data (SYNC)
+    vm.attachListeners();
     vm.$rootScope.focusMainContent();
 
     $log.debug('RespostasPageController');
@@ -31,11 +31,22 @@
     vm.per_page = 10;
     vm.themes = null;
     vm.selectedTheme = null;
-    vm.filtredPrograms = null;
     vm.filtredProposals = null;
     vm.query = null;
     vm.search = vm.$location.search();
 
+    if (vm.search.tema) {
+      vm._filtredByThemeSlug = vm.search.tema;
+    }
+
+    if (vm.search.filtro) {
+      vm._filtredByQuery = vm.search.filtro;
+    }
+
+    if (vm.search.tema || vm.search.filtro) {
+      vm.loadingFilter = true;
+    }
+
     vm.loading = null;
     vm.error = null;
   };
@@ -57,11 +68,7 @@
       vm.loadingThemes = false;
       vm.loading = false;
 
-      // REMOVED: function called twice.
-      // vm.loadProposals(function() {
-      //   vm.attachListeners();
-      // });
-      vm.attachListeners();
+      vm.filter();
     }, function(error) {
       vm.error = error;
       vm.$log.error(error);
@@ -70,30 +77,6 @@
     });
   };
 
-  // RespostasPageController.prototype.loadProposals = function(cb) {
-  //   var vm = this;
-
-  //   // load Proposals
-  //   vm.loadingProposals = true;
-  //   vm.DialogaService.searchProposals({
-  //     page: vm.page,
-  //     per_page: vm.per_page
-  //   }, function(data) {
-  //     vm.filtredProposals = data.articles;
-  //     vm.total_proposals = parseInt(data._obj.headers('total'));
-
-  //     vm.loadingProposals = false;
-
-  //     if (cb) {
-  //       cb();
-  //     }
-  //   }, function(error) {
-  //     vm.error = error;
-  //     vm.$log.error(error);
-  //     vm.loadingProposals = false;
-  //   });
-  // };
-
   RespostasPageController.prototype.attachListeners = function() {
     var vm = this;
 
@@ -101,16 +84,22 @@
       vm.selectedTheme = selectedCategory;
     });
 
-    vm.$scope.$watch('pagePropostas.selectedTheme', function(newValue/*, oldValue*/) {
+    vm.$scope.$watch('pageRespostas.selectedTheme', function(newValue/*, oldValue*/) {
       vm.search.tema = newValue ? newValue.slug : null;
       vm.$location.search('tema', vm.search.tema);
-      vm.filterProposals();
+
+      if (!vm.loadingFilter) {
+        vm.filterProposals();
+      }
     });
 
-    vm.$scope.$watch('pagePropostas.query', function(newValue/*, oldValue*/) {
+    vm.$scope.$watch('pageRespostas.query', function(newValue/*, oldValue*/) {
       vm.search.filtro = newValue ? newValue : null;
       vm.$location.search('filtro', vm.search.filtro);
-      vm.filterProposals();
+
+      if (!vm.loadingFilter) {
+        vm.filterProposals();
+      }
     });
   };
 
@@ -128,6 +117,34 @@
     vm.filterProposals(pageIndex);
   };
 
+  RespostasPageController.prototype.filter = function() {
+    var vm = this;
+
+    if (vm.loadingThemes || vm.loadingProposals) {
+      vm.$log.info('No proposals or themes loaded yet. Abort.');
+      return;
+    }
+
+    if (vm._filtredByThemeSlug) {
+      var slug = vm._filtredByThemeSlug;
+
+      vm.DialogaService.getThemeBySlug(slug, function(theme) {
+        vm.selectedTheme = theme;
+      }, function(error) {
+        vm.$log.error('Error when try to "getThemeBySlug"', error);
+      });
+    }
+
+    if (vm._filtredByQuery) {
+      vm.query = vm._filtredByQuery;
+    }
+
+    if (vm._filtredByThemeSlug || vm._filtredByQuery) {
+      vm.filterProposals();
+      vm.loadingFilter = false;
+    }
+  };
+
   RespostasPageController.prototype.filterProposals = function(_page, _per_page) {
     var vm = this;
 
@@ -142,6 +159,7 @@
     var params = {
       page: page,
       per_page: per_page,
+      archived: true
     };
 
     if (vm.selectedTheme) {
@@ -165,8 +183,6 @@
   RespostasPageController.prototype.submitSearch = function() {
     var vm = this;
 
-    vm.loadingFilter = true;
-
     // scroll to result grid
     var $searchResult = angular.element('#search-result');
     if ($searchResult && $searchResult.length > 0) {
diff --git a/src/app/pages/respostas/respostas.html b/src/app/pages/respostas/respostas.html
index d0b3da9..0e3a431 100644
--- a/src/app/pages/respostas/respostas.html
+++ b/src/app/pages/respostas/respostas.html
@@ -1,124 +1,117 @@
 <div class="container">
-  <div class="row">
-    <div class="col-sm-12">
-      <div ncy-breadcrumb></div>
+    <div class="row">
+        <div class="col-sm-12">
+            <div ncy-breadcrumb></div>
+        </div>
     </div>
-  </div>
 </div>
-
 <div class="page--respostas" role="main">
-  <section class="section-info" ng-if="pageRespostas.loading || pageRespostas.error">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <div ng-if="pageRespostas.loading && !pageRespostas.error">
-            <div class="alert alert-info" role="alert">Carregando conteúdo...</div>
-          </div>
-
-          <div ng-if="pageRespostas.error">
-            <div class="alert alert-danger" role="alert">
-              Erro ao carregar o conteúdo principal.
+    <section class="section-info" ng-if="pageRespostas.loading || pageRespostas.error">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12">
+                    <div ng-if="pageRespostas.loading && !pageRespostas.error">
+                        <div class="alert alert-info" role="alert">Carregando conteúdo...</div>
+                    </div>
+                    <div ng-if="pageRespostas.error">
+                        <div class="alert alert-danger" role="alert">
+                            Erro ao carregar o conteúdo principal.
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="section--header" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
-    <div class="container">
-      <div class="row">
-        <div class="col-sm-12">
-          <h1>Respostas</h1>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="section--articles section-gray section-space-up" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
-    <div class="container">
-      <div id="lista-de-respostas" class="row">
-        <div class="col-sm-4 col-md-3">
-          <div class="row visible-xs">
-            <div class="col-xs-12">
-              <div class="input-group input-group-lg input-group-search">
-                <label for="articleQueryFilter" class="control-label sr-only">Buscar respostas:</label>
-                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
-                <span class="input-group-btn">
-                  <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
-                    <span class="icon-circle icon-small color-theme-common-bg">
-                      <span class="glyphicon glyphicon-search"></span>
-                </span>
-                <span class="sr-only">Buscar</span>
-                </button>
-                </span>
-              </div>
-              <br/>
-            </div>
-          </div>
-          <div ng-if="pageRespostas.themes">
-            <category-list categories="pageRespostas.themes" selected-category="pageRespostas.selectedTheme"></category-list>
-          </div>
-          <div ng-if="!pageRespostas.themes && pageRespostas.loadingThemes">
-            <div class="alert alert-info" role="alert">
-              Carregando temas.
+    </section>
+    <section class="section--header" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-12">
+                    <h1>O Dialoga Brasil já respondeu às solicitações!</h1>
+                    <p>
+                        Vários programas contaram com centenas de participações e elas foram respondidas pelo governo.
+                        Confira abaixo as propostas que foram respondidas:
+                    </p>
+                </div>
             </div>
-          </div>
-          <div ng-if="!pageRespostas.themes && pageRespostas.themesError">
-            <div class="alert alert-danger" role="alert">
-              Não foi possível carregar a lista de temas neste momento.
-            </div>
-          </div>
         </div>
-        <div class="col-sm-8 col-md-9">
-          <div class="row hidden-xs" ng-if="pageRespostas.filtredProposals">
-            <div class="col-xs-12">
-              <div class="input-group input-group-lg input-group-search">
-                <label for="articleQueryFilter" class="control-label sr-only">Buscar respostas:</label>
-                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
-                <span class="input-group-btn">
-                  <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
-                    <span class="icon-circle icon-small color-theme-common-bg">
-                      <span class="glyphicon glyphicon-search"></span>
-                </span>
-                <span class="sr-only">Buscar</span>
-                </button>
-                </span>
-              </div>
-            </div>
-          </div>
-
-          <div id="search-result" class="row" ng-if="pageRespostas.filtredProposals">
-            <div class="col-sm-12">
-              <header class="header">
-                <h2>Total de Respostas: "<b>{{pageRespostas.total_proposals}} respostas</b>"</h2>
-              </header>
-            </div>
-          </div>
-
-          <div class="row">
-            <div class="col-sm-12" ng-if="!pageRespostas.loadingProposals && pageRespostas.filtredProposals && pageRespostas.total_proposals">
-              <proposal-grid proposals="pageRespostas.filtredProposals"></proposal-grid>
-              <app-paginator
-                page="pageRespostas.page"
-                per-page="pageRespostas.per_page"
-                total="pageRespostas.total_proposals"
-                change-page="pageRespostas.changePage(pageIndex)"
-              ></app-paginator>
+    </section>
+    <section class="section--articles section-gray section-space-up" ng-if="pageRespostas.filtredProposals || pageRespostas.themes">
+        <div class="container">
+            <div id="lista-de-respostas" class="row">
+                <div class="col-sm-4 col-md-3">
+                    <div class="row visible-xs">
+                        <div class="col-xs-12">
+                            <div class="input-group input-group-lg input-group-search">
+                                <label for="articleQueryFilter" class="control-label sr-only">Buscar respostas:</label>
+                                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
+                                <div class="input-group-btn">
+                                    <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
+                                        <div class="icon-circle icon-small color-theme-common-bg">
+                                          <span class="glyphicon glyphicon-search"></span>
+                                        </div>
+                                        <span class="sr-only">Buscar</span>
+                                    </button>
+                                </div>
+                            </div>
+                            <br/>
+                        </div>
+                    </div>
+                    <div ng-if="pageRespostas.themes">
+                        <category-list categories="pageRespostas.themes" selected-category="pageRespostas.selectedTheme"></category-list>
+                    </div>
+                    <div ng-if="!pageRespostas.themes && pageRespostas.loadingThemes">
+                        <div class="alert alert-info" role="alert">
+                            Carregando temas.
+                        </div>
+                    </div>
+                    <div ng-if="!pageRespostas.themes && pageRespostas.themesError">
+                        <div class="alert alert-danger" role="alert">
+                            Não foi possível carregar a lista de temas neste momento.
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-8 col-md-9">
+                    <div class="row hidden-xs" ng-if="pageRespostas.filtredProposals">
+                        <div class="col-xs-12">
+                            <div class="input-group input-group-lg input-group-search">
+                                <label for="articleQueryFilter" class="control-label sr-only">Buscar propostas:</label>
+                                <input id="articleQueryFilter" type="search" class="form-control input-search" ng-model="pageRespostas.query" placeholder="Buscar respostas" aria-label="Buscar respostas">
+                                <div class="input-group-btn">
+                                    <button type="button" class="btn btn-default" ng-click="pageRespostas.submitSearch()">
+                                        <div class="icon-circle icon-small color-theme-common-bg">
+                                          <span class="glyphicon glyphicon-search"></span>
+                                        </div>
+                                        <span class="sr-only">Buscar</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="search-result" class="row" ng-if="pageRespostas.filtredProposals">
+                        <div class="col-sm-12">
+                            <header class="header">
+                                <h2>Total de Propostas: "<b>{{pageRespostas.total_proposals}} propostas</b>"</h2>
+                            </header>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-sm-12" ng-if="!pageRespostas.loadingProposals && pageRespostas.filtredProposals && pageRespostas.total_proposals">
+                            <proposal-grid proposals="pageRespostas.filtredProposals"></proposal-grid>
+                            <app-paginator page="pageRespostas.page" per-page="pageRespostas.per_page" total="pageRespostas.total_proposals" change-page="pageRespostas.changePage(pageIndex)"></app-paginator>
+                        </div>
+                        <div ng-if="pageRespostas.loadingProposals">
+                            <div class="alert alert-info" role="alert">
+                                Carregando propostas.
+                            </div>
+                        </div>
+                        <div ng-if="!pageRespostas.loadingProposals && pageRespostas.proposalsError">
+                            <div class="alert alert-danger" role="alert">
+                                Não foi possível carregar a lista de propostas neste momento.
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
-            <div ng-if="pageRespostas.loadingProposals">
-              <div class="alert alert-info" role="alert">
-                Carregando respostas.
-              </div>
-            </div>
-            <div ng-if="!pageRespostas.loadingProposals && pageRespostas.proposalsError">
-              <div class="alert alert-danger" role="alert">
-                Não foi possível carregar a lista de respostas neste momento.
-              </div>
-            </div>
-          </div>
         </div>
-      </div>
-    </div>
-  </section>
+    </section>
 </div>
diff --git a/src/app/pages/respostas/respostas.scss b/src/app/pages/respostas/respostas.scss
index 4ff0766..463c3a9 100644
--- a/src/app/pages/respostas/respostas.scss
+++ b/src/app/pages/respostas/respostas.scss
@@ -1,9 +1,9 @@
 .page--respostas {
-    // .proposal-box--middle {
-    //     background-color: #fff;
-    // }
+    .proposal-box--middle {
+        background-color: #fff;
+    }
 
-    // .topics-select--wrapper {
-    //     margin: 20px 0;
-    // }
+    .topics-select--wrapper {
+        margin: 20px 0;
+    }
 }
--
libgit2 0.21.2