test

assets/script.js

@@ -28,6 +28,18 @@ function handleResponse(data, SuccessMessage, failureMessage) {
     } else {
         StatusMessageElement.innerText = failureMessage;
     }
+
+    // Show the status message
+    StatusMessageElement.style.display = "block";
+    setTimeout(() => {
+        // Hide the status message after 3 seconds
+        StatusMessageElement.style.opacity = 0;
+        setTimeout(() => {
+            StatusMessageElement.style.display = "none";
+            // Reset opacity for future messages
+            StatusMessageElement.style.opacity = 1;
+        }, 500);
+    }, 3000);
 }
 
 function logout() {

assets/style.css

@@ -211,6 +211,20 @@ header ul li {
     margin-left: 20px;
 }
 
+#StatusMessage {
+    display: none;
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    padding: 10px;
+    background-color: var(--third-bg);
+    color: var(--primary-text);
+    border-radius: 5px;
+    opacity: 0;
+    transition: opacity 0.5s ease-in-out;
+}
+
+
 /*  <DASHBOARD STYLING>  */
 /*  ZAČÍNAJ VŠETKO S ".dashboard"  */
 
@@ -221,5 +235,4 @@ header ul li {
     text-align: center;
 }
 
-
 /*  </DASHBOARD STYLING>  */