From 1c6de98aef65d37d406fd6ae6c03546e38f122c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20=C3=81lvarez?= <luisfelipealvarez@gmail.com>
Date: Wed, 12 Sep 2018 13:18:41 -0300
Subject: [PATCH 1/2] Filtrando por estado

---
 .../templates/match/resultado_ajax.html       | 48 ++++++++++++-------
 1 file changed, 30 insertions(+), 18 deletions(-)

diff --git a/merepresenta/templates/match/resultado_ajax.html b/merepresenta/templates/match/resultado_ajax.html
index d131b3f1..d351467e 100644
--- a/merepresenta/templates/match/resultado_ajax.html
+++ b/merepresenta/templates/match/resultado_ajax.html
@@ -15,28 +15,22 @@
                 <div class="col-4">
                  <div id='race_checkboxes'>
                     <h3>por estado:</h3>
-                        <ul class="filtros">
-                            <li v-for="estado in estadosList">
-                                <input type="checkbox" :id="estado.id" :value="estado.id" v-model="checkedEstado">
-                                <label :for="estado.id">[[ estado.label ]]</label>
-                            </li>
-                        </ul>
+                          <select v-model="checkedEstado">
+                            <template v-for="estado in estadosList">
+                                <option :id="estado.id" :value="estado.id" >
+                                [[ estado.label ]]</option>
+                            </template>
+                            <select>
                     </div>
                 </div>
                       <div class="col-8">
-                        <h2>Seus candidatos sao:</h2>
+                        <h2>Seus candidatos sao:</h2>[[checkedEstado]]
                         <ul class="results">
-<template v-if="checkedEstado.length == 0">
-        <li v-for="item in sortedList">
-          name: [[ item.name ]], gender: [[ item.gender ]], lgtb: [[ item.lgbt ]], raca: [[ item.race ]], nota: [[ item.nota ]]
-        </li>
-      </template>
-  <template v-else>
-    <!-- <span> g: [[ checkedGenders.indexOf(item.gender) ]] </span> -->
-    <li v-for="item in sortedList" v-if="checkedEstado.indexOf(item.filter.estado) !== -1">
+<template>
+       <li v-for="item in sortedList" v-if="filterElement(item)">
       name: [[ item.name ]], gender: [[ item.gender ]], lgtb: [[ item.lgbt ]], raca: [[ item.race ]], nota: [[ item.nota ]]
     </li>
-  </template>
+</template>
                         </ul>
                       </div>
             </template>
@@ -47,7 +41,15 @@ <h2>Seus candidatos sao:</h2>
 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
 <script type="text/javascript" src="{% static 'js/dicts_for_result.js' %}"></script>
 <script type="text/javascript">
-
+var filterEstado = function(el, checkedEstado){
+                  if(!checkedEstado){
+                    return true;
+                  }
+                  if (checkedEstado === el.filter.estado){
+                    return true;
+                  }
+                  return false;
+}
 $(function(){
     $.post({
         url: '{% url "match_result_ajax" %}',
@@ -65,7 +67,12 @@ <h2>Seus candidatos sao:</h2>
                 list: data,
                 partidosList: partidos_ids,
                 estadosList: estados_ids,
-                checkedEstado: []
+                checkedEstado: false,
+                filterElement: function(el){
+                  var f_estado = filterEstado(el, this.checkedEstado);
+                  return f_estado;
+                }
+                
               },
               computed: {
                 sortedList: function() {
@@ -77,6 +84,11 @@ <h2>Seus candidatos sao:</h2>
                     return 0;
                   }
                   return this.list.sort(compare);
+                },
+                filteredList: function() {
+                  var list = this.sortedList;
+                  list = list.filter(filterEstado);
+                  return list;
                 }
               },
             })

From 276835fae93c74eccae970f893f261a82fcdf3cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felipe=20=C3=81lvarez?= <luisfelipealvarez@gmail.com>
Date: Wed, 12 Sep 2018 13:30:58 -0300
Subject: [PATCH 2/2] Mejorando el filtro, ahora tiene a mujeres

---
 .../templates/match/resultado_ajax.html       | 23 +++++++++++++------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/merepresenta/templates/match/resultado_ajax.html b/merepresenta/templates/match/resultado_ajax.html
index d351467e..d2140c66 100644
--- a/merepresenta/templates/match/resultado_ajax.html
+++ b/merepresenta/templates/match/resultado_ajax.html
@@ -13,6 +13,9 @@
 
             <template>
                 <div class="col-4">
+                  <div id="mulher">
+                    <input type="checkbox" id="mulher_input" v-model="isMulher"><label for="mulher_input">Mulher</label>
+                  </div>
                  <div id='race_checkboxes'>
                     <h3>por estado:</h3>
                           <select v-model="checkedEstado">
@@ -24,7 +27,7 @@ <h3>por estado:</h3>
                     </div>
                 </div>
                       <div class="col-8">
-                        <h2>Seus candidatos sao:</h2>[[checkedEstado]]
+                        <h2>Seus candidatos sao:</h2>
                         <ul class="results">
 <template>
        <li v-for="item in sortedList" v-if="filterElement(item)">
@@ -50,6 +53,15 @@ <h2>Seus candidatos sao:</h2>[[checkedEstado]]
                   }
                   return false;
 }
+var filterMulher = function(el, isMulher){
+                  if(!isMulher){
+                    return true;
+                  }
+                  if (el.filter.mulher){
+                    return true;
+                  }
+                  return false;
+}
 $(function(){
     $.post({
         url: '{% url "match_result_ajax" %}',
@@ -67,10 +79,12 @@ <h2>Seus candidatos sao:</h2>[[checkedEstado]]
                 list: data,
                 partidosList: partidos_ids,
                 estadosList: estados_ids,
+                isMulher: undefined,
                 checkedEstado: false,
                 filterElement: function(el){
                   var f_estado = filterEstado(el, this.checkedEstado);
-                  return f_estado;
+                  var f_mulher = filterMulher(el, this.isMulher);
+                  return f_estado && f_mulher;
                 }
                 
               },
@@ -84,11 +98,6 @@ <h2>Seus candidatos sao:</h2>[[checkedEstado]]
                     return 0;
                   }
                   return this.list.sort(compare);
-                },
-                filteredList: function() {
-                  var list = this.sortedList;
-                  list = list.filter(filterEstado);
-                  return list;
                 }
               },
             })