From fe9004a02de61ffad1db43e0bc160a75ea252ad6 Mon Sep 17 00:00:00 2001
From: Alexis POYEN <punkylibre@localhost.localdomain>
Date: Tue, 7 Jul 2020 08:56:15 +0200
Subject: [PATCH] Feat : improve dropdown experience
---
web/components/management/round.js | 47 ++++++++++++++++++++----------
1 file changed, 31 insertions(+), 16 deletions(-)
diff --git a/web/components/management/round.js b/web/components/management/round.js
index 2b6f7a5..6f7c3a1 100644
--- a/web/components/management/round.js
+++ b/web/components/management/round.js
@@ -54,24 +54,39 @@ class Round {
let dropdownCandidateList = document.getElementById(
"dropdown-candidate-lists"
);
- dropdownRoundDesks.addEventListener("click", function () {
- document.getElementById("desk-rounds-dropdown-content").style.display =
- "flex";
- document.getElementById("round-desks").style.height = "70vh";
- document.getElementById(
- "candidate-lists-dropdown-content"
- ).style.display = "none";
- document.getElementById("candidate-lists").style.height = "auto";
+
+ dropdownRoundDesks.addEventListener("click", () => {
+ if (document.getElementById("round-desks").style.height == "auto") {
+ this.hideCandidateLists();
+ } else {
+ this.hideDesks();
+ }
});
- dropdownCandidateList.addEventListener("click", function () {
- document.getElementById("desk-rounds-dropdown-content").style.display =
- "none";
- document.getElementById("round-desks").style.height = "auto";
- document.getElementById(
- "candidate-lists-dropdown-content"
- ).style.display = "flex";
- document.getElementById("candidate-lists").style.height = "70vh";
+ dropdownCandidateList.addEventListener("click", () => {
+ if (document.getElementById("round-desks").style.height == "auto") {
+ this.hideCandidateLists();
+ } else {
+ this.hideDesks();
+ }
});
}
+
+ hideDesks() {
+ document.getElementById("desk-rounds-dropdown-content").style.display =
+ "none";
+ document.getElementById("round-desks").style.height = "auto";
+ document.getElementById("candidate-lists-dropdown-content").style.display =
+ "flex";
+ document.getElementById("candidate-lists").style.height = "70vh";
+ }
+
+ hideCandidateLists() {
+ document.getElementById("desk-rounds-dropdown-content").style.display =
+ "flex";
+ document.getElementById("round-desks").style.height = "70vh";
+ document.getElementById("candidate-lists-dropdown-content").style.display =
+ "none";
+ document.getElementById("candidate-lists").style.height = "auto";
+ }
}
--
GitLab