From c92e8a2fe22f5f178be1cd58a1362afdfe49067e Mon Sep 17 00:00:00 2001
From: Alexis POYEN <apoyen@grandlyon.com>
Date: Thu, 6 Aug 2020 08:56:56 +0200
Subject: [PATCH] Feat : add search field for desks
---
web/components/management/round-desks.js | 21 ++++++++++++++-------
1 file changed, 14 insertions(+), 7 deletions(-)
diff --git a/web/components/management/round-desks.js b/web/components/management/round-desks.js
index d9ccedc..8a7042c 100644
--- a/web/components/management/round-desks.js
+++ b/web/components/management/round-desks.js
@@ -42,7 +42,18 @@ class RoundDesk {
</header>
<div id="desk-rounds-dropdown-content" class="columns card-content">
<div class="column">
- <div id="desk-rounds"></div>
+ <h5 class="title is-5">
+ Bureaux de votes
+ </h5>
+ <div class="field">
+ <p class="control has-icons-right">
+ <input class="input" type="email" placeholder="Rechercher un bureau" />
+ <span class="icon is-small is-right">
+ <i class="fas fa-search"></i>
+ </span>
+ </p>
+ </div>
+ <div id="desk-rounds-list"></div>
</div>
<div class="column">
<div id="desk-round-details"></div>
@@ -215,16 +226,12 @@ class RoundDesk {
}
async displayDesks() {
- document.getElementById("desk-rounds").innerHTML = /* HTML */ `<h5
- class="title is-5"
- >
- Bureaux de votes
- </h5>`;
+ document.getElementById("desk-rounds-list").innerHTML = /* HTML */ ``;
let deskRounds = await this.updateDeskRounds();
const markup = deskRounds
.map((deskRound) => this.deskRoundTemplate(deskRound))
.join("");
- document.getElementById("desk-rounds").innerHTML += markup;
+ document.getElementById("desk-rounds-list").innerHTML += markup;
let deskRoundHandler = this;
deskRoundHandler.emptyDesksDetails();
--
GitLab