add party affiliation filter

client/templates/sections/current-prosecutors/current-prosecutors.html

@@ -31,6 +31,21 @@ <h3>Race/Ethnicity</h3>
                 </div>
             </div>
         </div>
+        <div class="col-sm">
+          <div class="container mx-auto text-center">
+              <h3>Party Affiliation</h3>
+              <div class="mx-auto text-left" style="width: fit-content;">
+                  {{#each filter in partyFilters}}
+                      <div class="checkbox">
+                          <label>
+                              <input class="party-filter" name={{filter}} type="checkbox">
+                              {{filter}}
+                          </label>
+                      </div>
+                  {{/each}}
+              </div>
+          </div>
+      </div>
     </div>
 
     <div class="container-fluid mx-auto text-center">

client/templates/sections/current-prosecutors/currentProsecutors.js

@@ -8,7 +8,8 @@ Template.currentProsecutors.onCreated(function () {
     this.state = new ReactiveDict();
     this.state.setDefault({
         selectedRoleFilters: [],
-        selectedRaceFilters: []
+        selectedRaceFilters: [],
+        selectedPartyFilters: []
     });
 });
 
@@ -31,18 +32,33 @@ Template.currentProsecutors.helpers({
             'White'
         ]
     },
+    partyFilters() {
+      return [
+        'Democrat',
+        'Republican',
+        'Other'
+      ]
+    },
     attorneys() {
         const selectedRoleFilters = Template.instance().state.get("selectedRoleFilters")
         const selectedRaceFilters = Template.instance().state.get("selectedRaceFilters")
-        if (selectedRoleFilters.length > 0 && selectedRaceFilters.length > 0) {
-            return Attorneys.find({"role": {$in: selectedRoleFilters}, "race": {$in: selectedRaceFilters}}).fetch()
-        } else if (selectedRoleFilters.length > 0 && selectedRaceFilters.length === 0) {
-            return Attorneys.find({"role": {$in: selectedRoleFilters}}).fetch()
-        } else if (selectedRoleFilters.length === 0 && selectedRaceFilters.length > 0) {
-            return Attorneys.find({"race": {$in: selectedRaceFilters}}).fetch()
-        } else {
-            return Attorneys.find().fetch()
+        const selectedPartyFilters = Template.instance().state.get("selectedPartyFilters")
+
+        let filter = {}
+
+        if (selectedRoleFilters.length) {
+          filter.role = {$in: selectedRoleFilters}
+        }
+
+        if (selectedRaceFilters.length) {
+          filter.race = {$in: selectedRaceFilters}
         }
+
+        if (selectedPartyFilters.length) {
+          filter.party = {$in: selectedPartyFilters}
+        }
+
+        return Attorneys.find(filter).fetch()
     },
 });
 
@@ -62,5 +78,13 @@ Template.currentProsecutors.events({
             ? selectedRaceFilters.filter((value) => value !== filter)
             : [...selectedRaceFilters, filter]
         instance.state.set("selectedRaceFilters", newSelectedRaceFilters)
-    }
+    },
+    "change .party-filter"(event, instance) {
+      const filter = event.currentTarget.name
+      const selectedPartyFilters = instance.state.get("selectedPartyFilters")
+      const newSelectedPartyFilters = selectedPartyFilters.includes(filter)
+          ? selectedPartyFilters.filter((value) => value !== filter)
+          : [...selectedPartyFilters, filter]
+      instance.state.set("selectedPartyFilters", newSelectedPartyFilters)
+  }
 })