MEME

assets/script.js

@@ -106,7 +106,7 @@ async function displayList(data, elementId, deleteFunction) {
 
     if ("function" === typeof deleteFunction) {
         const th = document.createElement("th");
-        th.appendChild(document.createTextNode("Delete"));
+        th.appendChild(document.createTextNode("<i class='ri-delete-bin-line'></i>"));
         headerRow.appendChild(th);
     }
 
@@ -120,7 +120,7 @@ async function displayList(data, elementId, deleteFunction) {
         if ("function" === typeof deleteFunction) {
             const td = document.createElement("td");
             const deleteButton = document.createElement('button');
-            deleteButton.textContent = "Delete";
+            deleteButton.textContent = "<i class='ri-delete-bin-line'></i>";
             deleteButton.onclick = () => deleteFunction(line.ID);
             td.appendChild(deleteButton);
             dataRow.appendChild(td);
@@ -629,6 +629,20 @@ function addMeme() {
     xhr.send(formData);
 }
 
+async function deleteMeme(memeId) {
+    let formData = new FormData();
+    formData.append('action', 'deleteMeme');
+    formData.append('meme_id', memeId);
+
+    let xhr = new XMLHttpRequest();
+    xhr.open('POST', '/meme', true);
+    xhr.onload = function () {
+        const resp = JSON.parse(xhr.responseText);
+        handleResponse(resp, "Meme bol zmazaný", "Nastala chyba pri mazaní meme-u");
+    };
+    xhr.send(formData);
+}
+
 async function getMemeImages() {
     let memeImageSelector = document.getElementById("meme_image_input");
     let fileList = await getFileList();