59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
|
const uploadForm = document.getElementById('uploadForm');
|
||
|
|
const uploadStatus = document.getElementById('uploadStatus');
|
||
|
|
const commandOutput = document.getElementById('commandOutput');
|
||
|
|
|
||
|
|
uploadForm.addEventListener('submit', async (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
uploadStatus.textContent = 'Uploading...';
|
||
|
|
commandOutput.textContent = '';
|
||
|
|
|
||
|
|
const formData = new FormData(uploadForm);
|
||
|
|
|
||
|
|
try {
|
||
|
|
const response = await fetch('/upload', {
|
||
|
|
method: 'POST',
|
||
|
|
body: formData
|
||
|
|
});
|
||
|
|
|
||
|
|
const result = await response.json();
|
||
|
|
|
||
|
|
if (result.error) {
|
||
|
|
throw new Error(result.error);
|
||
|
|
} else {
|
||
|
|
uploadStatus.textContent = result.message;
|
||
|
|
commandOutput.textContent = result.output;
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
uploadStatus.textContent = `Error: ${error.message}`;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
const deleteForm = document.getElementById('deleteForm');
|
||
|
|
const deleteStatus = document.getElementById('deleteStatus');
|
||
|
|
const deleteOutput = document.getElementById('deleteOutput');
|
||
|
|
|
||
|
|
deleteForm.addEventListener('submit', async (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
deleteStatus.textContent = 'Deleting...';
|
||
|
|
deleteOutput.textContent = '';
|
||
|
|
|
||
|
|
const formData = new FormData(deleteForm);
|
||
|
|
|
||
|
|
try {
|
||
|
|
const response = await fetch('/delete', {
|
||
|
|
method: 'POST',
|
||
|
|
body: formData
|
||
|
|
});
|
||
|
|
|
||
|
|
const result = await response.json();
|
||
|
|
|
||
|
|
if (result.error) {
|
||
|
|
throw new Error(result.error);
|
||
|
|
} else {
|
||
|
|
deleteStatus.textContent = result.message;
|
||
|
|
deleteOutput.textContent = result.output;
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
deleteStatus.textContent = `Error: ${error.message}`;
|
||
|
|
}
|
||
|
|
});
|