Feat : add filter for areas

web/components/management/candidate-lists.js

@@ -54,6 +54,18 @@ class CandidateList {
           <h5 class="title is-5">
             Circonscriptions
           </h5>
+          <div class="field">
+            <p class="control has-icons-right">
+              <input
+                id="area-search"
+                class="input"
+                placeholder="Rechercher une circonscription"
+              />
+              <span class="icon is-small is-right">
+                <i class="fas fa-search"></i>
+              </span>
+            </p>
+          </div>
           <div id="areas-round"></div>
         </div>
         <div class="column">
@@ -433,6 +445,10 @@ class CandidateList {
         }
         await candidateListHandler.saveCandidateList();
       });
+
+    document.getElementById("area-search").addEventListener("keyup", (e) => {
+      this.displayAreas();
+    });
   }
 
   async displayAreas() {
@@ -458,9 +474,14 @@ class CandidateList {
   async updateAreas() {
     let candidateListHandler = this;
     let areas = await this.AreaModel.getAreas();
-    return areas.filter(function (area) {
+    areas = areas.filter(function (area) {
       return area.ElectionID == candidateListHandler.round.ElectionID;
     });
+    return areas.filter((area) =>
+      area.Name.toLowerCase().includes(
+        document.getElementById("area-search").value.toLowerCase()
+      )
+    );
   }
 
   async activateArea(areaToActivate) {

web/components/management/round-desks.js

@@ -80,7 +80,6 @@ class RoundDesk {
       });
 
     document.getElementById("desk-search").addEventListener("keyup", (e) => {
-      console.log(document.getElementById("desk-search").value.toLowerCase());
       this.displayDesks();
     });
   }
@@ -229,7 +228,6 @@ class RoundDesk {
 
   async displayDesks() {
     document.getElementById("desk-rounds-list").innerHTML = /* HTML */ ``;
-    console.log(document.getElementById("desk-search").value.toLowerCase());
     let deskRounds = await this.updateDeskRounds();
     const markup = deskRounds
       .map((deskRound) => this.deskRoundTemplate(deskRound))