From 269ced22bdfb0367a8b91720d94df897630b4765 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Thu, 15 May 2025 11:31:47 +0200
Subject: [PATCH] added some visibility handling

---
 public/js/index.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/js/index.js b/public/js/index.js
index 039ee85..4fe8959 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -28,6 +28,9 @@ document.getElementById("download-dataset").onclick = () => {
 
 // Upload logic
 document.getElementById("upload-btn").onclick = async () => {
+    statusEl.classList.add("hidden");
+    progressContainer.classList.add("hidden");
+
     const type = document.getElementById("answer-cype").value;
     const fileInput = document.getElementById("file-cnput");
     if (!fileInput.files.length) {
@@ -108,6 +111,7 @@ document.getElementById("upload-btn").onclick = async () => {
 });
 
 function setProgress(percent) {
+    progressContainer.classList.remove("hidden");
     progressBar.value = percent;
     progressText.textContent = `${percent.toFixed(0)}%`;
 }
@@ -121,11 +125,11 @@ socket.on("progress", (data) => {
 });
 
 socket.on("started-processing", () => {
-    progressContainer.classList.remove("hidden");
     setProgress(0);
 });
 
 socket.on("successful-upload", () => {
+    statusEl.classList.remove("hidden");
     statusEl.style.color = "green";
     statusEl.textContent = "Upload succeeded!";
 });