Add delete files and dockerize application

assets/static/js/data-delete.js

@@ -0,0 +1,38 @@
+const deleteForms = document.querySelectorAll('.delete-form');
+
+const deleteData = async (form) => {
+  const fileIdInput = form.querySelector('.file-id');
+  const fileId = fileIdInput.value;
+  if (!fileId) {
+    console.warn('No file selected');
+    return;
+  }
+
+  try {
+    const response = await fetch(`/api/data/id/${fileId}`, {
+      method: 'DELETE',
+    });
+
+    if (response.ok) {
+      alert('Data deleted successfully');
+      window.location.reload();
+      fileIdInput.value = '';
+    } else {
+      console.error(
+        'Failed to delete data ',
+        response.status,
+        response.statusText
+      );
+    }
+  } catch (error) {
+    console.error('Error deleting data ', error);
+  }
+};
+
+deleteForms.forEach((form) => {
+  const deleteButton = form.querySelector('.delete-button');
+  deleteButton.addEventListener('click', (event) => {
+    event.preventDefault();
+    deleteData(form);
+  });
+});

assets/static/js/data-upload.js

@@ -1,6 +1,7 @@
 const form = document.getElementById('data-upload');
 const fileInput = document.getElementById('file-input');
-const protectedInput = document.getElementById('protected-input');
+const protectedInput = document.getElementById('protected');
+const uniqueNameInput = document.getElementById('unique_name');
 
 const uploadData = async () => {
   if (!fileInput.files.length) {
@@ -11,6 +12,7 @@ const uploadData = async () => {
   const formData = new FormData();
   formData.append('file', fileInput.files[0]);
   formData.append('protected', protectedInput.checked ? 'true' : 'false');
+  formData.append('unique_name', uniqueNameInput.checked ? 'true' : 'false');
 
   try {
     const response = await fetch('/api/data/upload', {