From c5fe9a33f535fd3e272630f7c8c0151cbaf1fcb5 Mon Sep 17 00:00:00 2001 From: giuliof Date: Mon, 21 Sep 2020 21:20:46 +0200 Subject: [PATCH] [F.END] Little more user friendly --- frontend/frontend.js | 20 ++++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/frontend/frontend.js b/frontend/frontend.js index 3700359..ea468aa 100644 --- a/frontend/frontend.js +++ b/frontend/frontend.js @@ -91,19 +91,31 @@ function zerocalcareDisplay() { descriptionElement.appendChild(document.createTextNode('📝 ')); descriptionElement.appendChild(descriptionText); descriptionElement.style.display = "none"; - contentEventElement.appendChild(descriptionElement); // Display a clickable "..." button. var moreElement = document.createElement('div'); - moreElement.appendChild(document.createTextNode('ℹ️ Più informazioni...')); + var moreShowText = document.createElement('a'); + var moreHideText = document.createElement('a'); + + moreShowText.appendChild(document.createTextNode('⬇️ Più informazioni...')); + moreElement.appendChild(moreShowText); + moreHideText.appendChild(document.createTextNode('⬆️ Nascondi informazioni...')); + moreHideText.style.display = "none"; + moreElement.appendChild(moreHideText); + moreElement.onclick = () => { if (descriptionElement.style.display == "none") { - descriptionElement.style.display = "block"; + descriptionElement.style.display = + moreHideText.style.display = "block"; + moreShowText.style.display = "none"; } else { - descriptionElement.style.display = "none"; + descriptionElement.style.display = + moreHideText.style.display = "none"; + moreShowText.style.display = "block"; } }; contentEventElement.appendChild(moreElement); + contentEventElement.appendChild(descriptionElement); } zerocalcareOutput.appendChild(eventElement);