Merge pull request #15 from interlegis/3130-checkbox-filtro-parlament…

…ares-ativos Fix #3130 - Colocando checkbox que filtra parlamentares ativos
interlegis · Apr 6, 2020 · 13c3c11 · 13c3c11
2 parents 2585f30 + 3471d1f
commit 13c3c11
Showing 1 changed file with 31 additions and 11 deletions.
diff --git a/src/__apps/parlamentar/main.js b/src/__apps/parlamentar/main.js
@@ -17,7 +17,11 @@ new Vue({
       is_pesquisa: false,
       legislatura_selecionada: '',
       legislaturas: [],
-      parlamentares: []
+      parlamentares: [],
+      visible_parlamentares: [],
+      size_parlamentares: 0,
+      filter_ativo: '',
+      filter_titular: ''
     }
   },
 
@@ -37,6 +41,8 @@ new Vue({
         axios.get('/api/parlamentares/parlamentar/' + this.legislatura_selecionada + '/parlamentares_by_legislatura/')
           .then(response => {
             this.parlamentares = response.data
+            this.visible_parlamentares = this.parlamentares;
+            this.size_parlamentares = this.visible_parlamentares.length
           })
           .catch(error => {
             console.error('Ocorreu um erro ao obter os dados de parlamentares:' + error)
@@ -50,14 +56,28 @@ new Vue({
       })
         .then(response => {
           this.parlamentares = response.data
+          this.visible_parlamentares = this.parlamentares;  
+          this.size_parlamentares = this.visible_parlamentares.length
         })
         .catch(error => {
           console.error('Erro ao procurar parlamentar:' + error)
         })
     },
 
+    checkTitularAtivo (event){
+      this.visible_parlamentares = this.parlamentares;  
+      if(this.filter_ativo){
+        this.visible_parlamentares = this.visible_parlamentares.filter((v) => v.ativo);
+      }
+      if(this.filter_titular){
+        this.visible_parlamentares = this.visible_parlamentares.filter((v) => v.titular=='Sim');
+      }
+      this.size_parlamentares = this.visible_parlamentares.length
+    },
+
     pesquisaChange (event) {
       this.is_pesquisa = !this.is_pesquisa
+      this.filter_ativo = false
       if (this.is_pesquisa) {
         this.parlamentares = []
       } else {
@@ -68,15 +88,15 @@ new Vue({
 
   mounted () {
     axios.get('/api/parlamentares/legislatura/')
-      .then(response => {
-        this.legislaturas = response.data.results
-        this.legislatura_selecionada = response.data.results[0].id
-      })
-      .then(response => {
-        this.getParlamentares()
-      })
-      .catch(err => {
-        console.error('Ocorreu um erro ao obter os dados de legislação: ' + err)
-      })
+    .then(response => {
+      this.legislaturas = response.data.results
+      this.legislatura_selecionada = response.data.results[0].id
+    })
+    .then(response => {
+      this.getParlamentares()
+    })
+    .catch(err => {
+      console.error('Ocorreu um erro ao obter os dados de legislação: ' + err)
+    })
   }
 })