diff --git a/web/components/management/candidate-lists.js b/web/components/management/candidate-lists.js index 07b8ca1e3807d692af76fc61b8dec1d1801c17f9..77681d2a3113af9b845317f17c53da1f774e7917 100644 --- a/web/components/management/candidate-lists.js +++ b/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) { diff --git a/web/components/management/round-desks.js b/web/components/management/round-desks.js index f563322ebbf54667644fec483d37d36d10728d28..e877214d3aa89681bfa0668ce93debced3c475fe 100644 --- a/web/components/management/round-desks.js +++ b/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))