diff --git a/web/components/management/round.js b/web/components/management/round.js index 2b6f7a5db7f61d80ebc301ef489f6fc067a5fac9..6f7c3a176d59a3f53a5daf004d8543515d9d6e48 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"; + } }