From ddd8aef5276b9ab0d1dd291d2616b2c0fa5396db Mon Sep 17 00:00:00 2001
From: ulysses <ulysses3353@gmail.com>
Date: Wed, 25 Mar 2020 11:57:31 -0300
Subject: [PATCH] Fix #3130 - Colocando checkbox que filtra parlamentares
 ativos

---
 .../parlamentares/parlamentares_list.html     | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/sapl/templates/parlamentares/parlamentares_list.html b/sapl/templates/parlamentares/parlamentares_list.html
index d9c84232b..f5b58e01a 100644
--- a/sapl/templates/parlamentares/parlamentares_list.html
+++ b/sapl/templates/parlamentares/parlamentares_list.html
@@ -28,7 +28,6 @@
       <input v-model="nome_pesquisa" type="text" class="form-control" aria-label="Pesquisa" aria-describedby="inputGroup-sizing-sm">
     </div>
   </div>
-
   <!--Lista parlamentares--> 
   <div v-else>
   <fieldset class="form-group">
@@ -42,10 +41,14 @@
     </form>
   </fieldset>
   <br/>
+    <div class="float-right">
+      <input class="form-check-input" type="checkbox" id="filter_ativo" v-model="filter_ativo">
+      <label class="form-check-label" for="filter_ativo">Mostrar apenas ativos</label>
+     </div>
   </div>
-  
-    <div class="container-table lista-parlamentares">
-      <div class="result-count">Total de Parlamentares: <strong>[[parlamentares.length]]</strong></div>
+
+  <div class="container-table lista-parlamentares">
+      <div class="result-count">Total de Parlamentares: <strong v-if="filter_ativo">[[parlamentares.filter((v) => v.ativo).length]]</strong><strong v-else>[[parlamentares.length]]</strong></div>
       <table class="table table-striped table-hover table-link-ordering">
         <thead>
           <tr>
@@ -57,22 +60,22 @@
         </thead>
           <tbody>
           <tr v-for="parlamentar in parlamentares">
-            <th>
-              <img class="img-fluid img-thumbnail" style="width: 128px; height: 128px;" v-bind:src="parlamentar.fotografia_cropped" @error="(() => parlamentar.fotografia = '')"/>
-            </th>
-            <th>
-               <a v-bind:href="'/parlamentar/'+parlamentar.id">[[ parlamentar.nome_parlamentar]]</a>
-            </th>
-            <th>
-              [[ parlamentar.partido ]]
-            </th>
-            <th>
-              <p v-if="parlamentar.ativo">Sim</p>
-              <p v-else>Não</p>
-            </th>
-            <th v-if="!is_pesquisa">
-              <p>[[ parlamentar.titular]]</p>
-            </th>
+              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+                <img class="img-fluid img-thumbnail" style="width: 128px; height: 128px;" v-bind:src="parlamentar.fotografia_cropped" @error="(() => parlamentar.fotografia = '')"/>
+              </th>
+              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+                 <a v-bind:href="'/parlamentar/'+parlamentar.id">[[ parlamentar.nome_parlamentar]]</a>
+              </th>
+              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+                [[ parlamentar.partido ]]
+              </th>
+              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+                <p v-if="parlamentar.ativo">Sim</p>
+                <p v-else>Não</p>
+              </th>
+              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo" v-if="!is_pesquisa">
+                <p>[[ parlamentar.titular]]</p>
+              </th>
           </tr>
           </tbody>
       </table>