frontend work

2 files changed, 39 insertions, 9 deletions

diff --git a/loggedin.js b/loggedin.js
index 8980586..0db4c7c 100644
--- a/loggedin.js
+++ b/loggedin.js
@@ -2,10 +2,15 @@ const upload_form    = document.getElementById("upload_form");
 const the_file       = document.getElementById("the_file");
 const filename_input = document.getElementById("filename");
 const upload_btn     = document.getElementById("upload_btn");
+const current_directory = document.getElementById("current_directory");
 
 the_file.onchange = on_file_added;
 
-function on_file_added(e) {
+const files = [];
+
+const pending_uploads = [];
+
+function on_file_added(_e) {
     if (the_file.files.length >= 1) {
         filename_input.value = the_file.files[0].name;
 
@@ -13,9 +18,18 @@ function on_file_added(e) {
         fetch(upload_form.action, {
             method: upload_form.method,
             body: new FormData(upload_form)
-        })
+        }).then((resp) => {
+            if (resp.status == 200) {
+                add_file_visuals(filename_input.value, true);
+            }
+            else {
+                alert("Upload failed");
+            }
+        }, () => {
+            alert("Upload failed")
+        });
+
 
-        alert("Sent the upload request");
     }
     else {
         alert("No files selected");
@@ -23,6 +37,27 @@ function on_file_added(e) {
 
 }
 
+function add_file_visuals(name, pending) {
+    var fileDiv = document.createElement('div');
+
+    var img = document.createElement('img');
+    var filename = document.createElement('div');
+
+    img.src="/mimeicons/application-pdf.png";
+    fileDiv.classList.add('file');
+    filename.classList.add('filename');
+    filename.innerText = name;
+
+    fileDiv.appendChild(img);
+    fileDiv.appendChild(filename);
+
+    current_directory.appendChild(fileDiv);
+
+    files.push([name, fileDiv]);
+
+    return fileDiv;
+}
+
 function begin_upload() {
     the_file.click();
 }
diff --git a/loggedin.php b/loggedin.php
index 85e59cc..74c0b10 100644
--- a/loggedin.php
+++ b/loggedin.php
@@ -1,4 +1,3 @@
-
 <div>
     <div class="filesystem">
         <h2 style="display: flex; gap: 1rem;">
@@ -7,11 +6,7 @@
             <input id="upload_btn" type="button" value="Upload" onclick="begin_upload()">
         </h2>
 
-        <div class="files">
-            <div class="file"> 
-                <img src="/mimeicons/application-pdf.png">
-                <div class="filename">asdf</div>
-            </div>
+        <div class="files" id="current_directory">
         </div>
     </div>