From 348206256705b1a3bf83cd470d409be42093c79b Mon Sep 17 00:00:00 2001
From: Alexis POYEN <apoyen@grandlyon.com>
Date: Thu, 6 Aug 2020 10:10:24 +0200
Subject: [PATCH] Feat : add filter for areas
---
web/components/management/candidate-lists.js | 23 +++++++++++++++++++-
web/components/management/round-desks.js | 2 --
2 files changed, 22 insertions(+), 3 deletions(-)
diff --git a/web/components/management/candidate-lists.js b/web/components/management/candidate-lists.js
index 07b8ca1..77681d2 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 f563322..e877214 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))
--
GitLab