MEME

assets/script.js

@@ -274,6 +274,9 @@ async function onPageLoad() {
     if ("files" === currentSite && "list" === currentPage) {
         await listFiles();
     }
+    if ("memes" === currentSite && "create" === currentPage) {
+        await getMemeImages();
+    }
 }
 
 async function navigateTo(site, page) {
@@ -571,7 +574,7 @@ function deleteFile(fileID) {
     xhr.send(formData);
 }
 
-async function listFiles() {
+async function getFileList() {
     let formData = new FormData();
     formData.append('action', 'getAllFiles');
 
@@ -582,7 +585,10 @@ async function listFiles() {
         if (xhr.status === 200) {
             const resp = JSON.parse(xhr.responseText);
             if (resp.Status == "Success") {
-                displayList(resp.Files, "filelist", deleteFile);
+                return resp.Files;
+            }
+            else {
+                return false;
             }
         }
     };
@@ -590,6 +596,13 @@ async function listFiles() {
     xhr.send(formData);
 }
 
+async function listFiles() {
+   const fileList = getFileList();
+   if(fileList){
+       displayList(fileList, "filelist", deleteFile);
+   }
+}
+
 function addMeme() {
     let formData = new FormData();
     let memeTitleElement = document.getElementById("meme_title_input");
@@ -610,4 +623,16 @@ function addMeme() {
         memeImageElement.reset();
     };
     xhr.send(formData);
+}
+
+async function getMemeImages() {
+    let memeImageSelector = document.getElementById("meme_image_input");
+    const fileList = await getFileList();
+    fileList.forEach((item) => {
+        let option = document.createElement("option");
+        option.value = item.ID;
+        option.text = `${item.Path.split("/")[-1]} - (${item.ID}) [${item.UploadedBy}]`;
+        memeImageSelector.appendChild(option);
+    });
+
 }