Stuff

assets/script.js

@@ -107,7 +107,7 @@ async function displayList(data, elementId, deleteFunction) {
     if ("function" === typeof deleteFunction) {
         const th = document.createElement("th");
         let deleteBtn = document.createElement('i');
-        deleteBtn.classList = "ri-delete-bin-line";
+        deleteBtn.classList[0] = "ri-delete-bin-line";
         th.appendChild(deleteBtn);
         headerRow.appendChild(th);
     }
@@ -559,8 +559,9 @@ function uploadFile() {
 
     xhr.onload = function () {
         const respData = JSON.parse(xhr.responseText);
-        handleResponse(resp, "Súbor bol úspešne nahraný", "Nastala chyba pri nahrávaní súboru");
-        fileInput.reset();
+        handleResponse(respData, "Súbor bol úspešne nahraný", "Nastala chyba pri nahrávaní súboru").then(() => {
+            fileInput.reset();
+        })
     };
 
     xhr.send(formData);
@@ -574,6 +575,7 @@ function deleteFile(fileID) {
     let xhr = new XMLHttpRequest();
     xhr.open('POST', '/upload', true);
     xhr.onload = function () {
+        // noinspection JSIgnoredPromiseFromCall
         listFiles();
     };
     xhr.send(formData);
@@ -583,33 +585,29 @@ async function getFileList() {
     let formData = new FormData();
     formData.append('action', 'getAllFiles');
 
-    try {
-        const response = await fetch('/upload', {
-            method: 'POST',
-            body: formData
-        });
+    const response = await fetch('/upload', {
+        method: 'POST',
+        body: formData
+    });
 
-        if (!response.ok) {
-            throw new Error('Network response was not ok');
-        }
+    if (!response.ok) {
+        return false;
+    }
 
-        const resp = await response.json();
+    const resp = await response.json();
 
-        if (resp.Status === "Success") {
-            return resp.Files;
-        } else {
-            return false;
-        }
-    } catch (error) {
+    if (resp.Status === "Success") {
+        return resp.Files;
+    } else {
         return false;
     }
 }
 
 async function listFiles() {
-   const fileList = await getFileList();
-   if(fileList){
-       displayList(fileList, "filelist", deleteFile);
-   }
+    const fileList = await getFileList();
+    if (fileList) {
+        await displayList(fileList, "filelist", deleteFile);
+    }
 }
 
 function addMeme() {
@@ -626,10 +624,11 @@ function addMeme() {
     xhr.open('POST', '/meme', true);
     xhr.onload = function () {
         const resp = JSON.parse(xhr.responseText);
-        handleResponse(resp, "Meme bol pridaný", "Nastala chyba pri pridávaní meme-u");
-        memeTitleElement.reset();
-        memeTextElement.reset();
-        memeImageElement.reset();
+        handleResponse(resp, "Meme bol pridaný", "Nastala chyba pri pridávaní meme-u").then(() => {
+            memeTitleElement.reset();
+            memeTextElement.reset();
+            memeImageElement.reset();
+        });
     };
     xhr.send(formData);
 }

assets/style.css

@@ -344,7 +344,7 @@ div#articleslist>article{
     flex-direction: row;
 }
 
-.form-containe {
+.form-container {
     display: flex;
     flex-direction: column;
 }