Added Loading circle

This commit is contained in:
Marcel Gansfusz
2025-10-22 18:10:56 +02:00
parent 352540a3b1
commit 0c96d04326
3 changed files with 103 additions and 1 deletions

View File

@@ -188,6 +188,9 @@ class PDFDocument {
}
}
var mouseIsDown = false;
var modal;
var close_loading;
var upload_status;
//var startX = 0;
//var startY = 0;
//var pdf;
@@ -284,15 +287,20 @@ async function submitForm(formData) {
const updateEventSource = new EventSource(
"http://127.0.0.1:8000/get_censor_status/" + doc.fID,
);
console.log("http://127.0.0.1:8000/get_censor_status/" + doc.fID);
modal.style.display = "block";
// console.log("http://127.0.0.1:8000/get_censor_status/" + doc.fID);
updateEventSource.addEventListener("censorUpdate", function(eve) {
console.log(eve.data);
var data = JSON.parse(eve.data);
upload_status.innerText =
"Censoring Page " + data.page + "/" + data.pages;
});
const response = await fetch("http://127.0.0.1:8000/submit", {
method: "POST",
body: formData,
});
updateEventSource.close();
modal.style.display = "none";
//let responseJSON=await response.json();
if (response.ok) {
console.log("Submit OK");
@@ -374,6 +382,14 @@ function initListeners() {
doc.clearAll();
});
}
function initLoading() {
modal = document.querySelector("#loading");
close_loading = document.querySelector(".close");
upload_status = document.querySelector("#upload_status");
close_loading.addEventListener("click", function() {
modal.style.display = "none";
});
}
const startPdf = () => {
// doc = new PDFDocument(
// "./files/b78c869f-e0bb-11ef-9b58-84144d05d665",
@@ -382,6 +398,7 @@ const startPdf = () => {
// );
//pdf = new PDFView("./VO_Mathematik_3.pdf");
doc = new PDFDocument("./files/greeting", "greeting", "pdf");
initLoading();
initDraw();
initUpload();
initListeners();