Fix #3130 - Colocando checkbox que filtra parlamentares ativos (#3131)

* Fix #3130 - Colocando checkbox que filtra parlamentares ativos

* Adequando pra filtrar titular

* Transferindo logica para do checkbox JS

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,16 @@
     </form>
   </fieldset>
   <br/>
+    <div class="float-right">
+      <input @change="checkTitularAtivo" class="form-check-input" type="checkbox" id="filter_ativo" v-model="filter_ativo">
+      <label class="form-check-label" for="filter_ativo">Apenas Ativos</label>
+      <input @change="checkTitularAtivo" class="form-check-input" type="checkbox" id="filter_titular" v-model="filter_titular">
+      <label class="form-check-label" for="filter_titular">Apenas Titulares</label>
+     </div>
   </div>
-  
+
-    <div class="container-table lista-parlamentares">
+  <div class="container-table lista-parlamentares">
-      <div class="result-count">Total de Parlamentares: <strong>[[parlamentares.length]]</strong></div>
+      <div class="result-count">Total de Parlamentares: <strong>[[size_parlamentares]]</strong></div>
       <table class="table table-striped table-hover table-link-ordering">
         <thead>
           <tr>
@@ -55,24 +60,24 @@
             <th v-if="!is_pesquisa" >Titular?</th>
           </tr>
         </thead>
-          <tbody>
+          <tbody v-for="parlamentar in visible_parlamentares">
-          <tr v-for="parlamentar in parlamentares">
+          <tr>
-            <th>
+              <th>
-              <img class="img-fluid img-thumbnail" style="width: 128px; height: 128px;" v-bind:src="parlamentar.fotografia_cropped" @error="(() => parlamentar.fotografia = '')"/>
+                <img class="img-fluid img-thumbnail" style="width: 128px; height: 128px;" v-bind:src="parlamentar.fotografia_cropped" @error="(() => parlamentar.fotografia = '')"/>
-            </th>
+              </th>
-            <th>
+              <th>
-               <a v-bind:href="'/parlamentar/'+parlamentar.id">[[ parlamentar.nome_parlamentar]]</a>
+                 <a v-bind:href="'/parlamentar/'+parlamentar.id">[[ parlamentar.nome_parlamentar]]</a>
-            </th>
+              </th>
-            <th>
+              <th>
-              [[ parlamentar.partido ]]
+                [[ parlamentar.partido ]]
-            </th>
+              </th>
-            <th>
+              <th>
-              <p v-if="parlamentar.ativo">Sim</p>
+                <p v-if="parlamentar.ativo">Sim</p>
-              <p v-else>Não</p>
+                <p v-else>Não</p>
-            </th>
+              </th>
-            <th v-if="!is_pesquisa">
+              <th v-if="!is_pesquisa">
-              <p>[[ parlamentar.titular]]</p>
+                <p>[[ parlamentar.titular]]</p>
-            </th>
+              </th>
           </tr>
           </tbody>
       </table>