Adequando pra filtrar titular

sapl/templates/parlamentares/parlamentares_list.html

@@ -43,12 +43,19 @@
   <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>
+      <label class="form-check-label" for="filter_ativo">Apenas Ativos</label>
+      <input 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="result-count">Total de Parlamentares: <strong v-if="filter_ativo">[[parlamentares.filter((v) => v.ativo).length]]</strong><strong v-else>[[parlamentares.length]]</strong></div>
+      <div class="result-count">Total de Parlamentares: 
+        <strong v-if="filter_ativo && filter_titular">[[parlamentares.filter((v) => (v.ativo && v.titular=='Sim')).length]]</strong>
+        <strong v-else-if="filter_ativo">[[parlamentares.filter((v) => v.ativo).length]]</strong>
+        <strong v-else-if="filter_titular">[[parlamentares.filter((v) => v.titular==='Sim').length]]</strong>
+        <strong v-else>[[parlamentares.length]]</strong>
+      </div>
       <table class="table table-striped table-hover table-link-ordering">
         <thead>
           <tr>
@@ -58,22 +65,22 @@
             <th v-if="!is_pesquisa" >Titular?</th>
           </tr>
         </thead>
-          <tbody>
-          <tr v-for="parlamentar in parlamentares">
-              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+          <tbody :key="parlamentar.id" v-for="parlamentar in parlamentares">
+          <tr v-if="(!filter_ativo && !filter_titular) || (parlamentar.ativo && parlamentar.titular=='Sim') || (!filter_ativo && parlamentar.titular=='Sim') || (!filter_titular && parlamentar.ativo)">
+              <th>
                 <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">
+              <th>
                  <a v-bind:href="'/parlamentar/'+parlamentar.id">[[ parlamentar.nome_parlamentar]]</a>
               </th>
-              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+              <th>
                 [[ parlamentar.partido ]]
               </th>
-              <th v-if="(filter_ativo && parlamentar.ativo) || !filter_ativo">
+              <th>
                 <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">
+              <th v-if="!is_pesquisa">
                 <p>[[ parlamentar.titular]]</p>
               </th>
           </tr>