Spaces:
Sleeping
Sleeping
File size: 5,496 Bytes
a49c70b 1d1bd8c a49c70b b6794d8 1d1bd8c a49c70b 1d1bd8c a49c70b 1d1bd8c a49c70b 1d1bd8c a49c70b 1d1bd8c b6794d8 a49c70b 1d1bd8c a49c70b 1d1bd8c a49c70b 1d1bd8c a49c70b 1d1bd8c a49c70b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 | /**
* Processing page: polls job status and updates the progress bar with detailed steps.
*/
(function () {
"use strict";
var POLL_INTERVAL = 500; // ms - Faster polling for better responsiveness
var ESTIMATED_TIME = 15; // seconds (increased for new steps)
var progressFill = document.getElementById("progressFill");
var progressText = document.getElementById("progressText");
var stepText = document.getElementById("stepText");
var estimatedTime = document.getElementById("estimatedTime");
var startTime = Date.now();
var jobId = sessionStorage.getItem("job_id");
if (!jobId) {
stepText.textContent = "ジョブ情報が見つかりません";
setTimeout(function () {
window.location.href = "/";
}, 2000);
return;
}
var timer = setInterval(pollStatus, POLL_INTERVAL);
pollStatus(); // immediate first call
function pollStatus() {
fetch("/api/status/" + encodeURIComponent(jobId))
.then(function (res) { return res.json(); })
.then(function (data) {
var progress = data.progress || 0;
var step = data.current_step || data.step || "";
progressFill.style.width = progress + "%";
progressText.textContent = Math.round(progress) + "%";
// Show specific message based on status
if (data.status === "queued") {
stepText.textContent = "処理開始を待機中...";
} else {
stepText.textContent = step || "処理中...";
}
// Update step visualization
updateSteps(progress, step);
// Update estimated time with adaptive calculation
var elapsed = (Date.now() - startTime) / 1000;
if (progress > 5 && progress < 100) {
var estimatedTotal = elapsed / (progress / 100);
var remaining = Math.max(0, estimatedTotal - elapsed);
if (remaining > 0 && data.status !== "completed") {
estimatedTime.textContent = "残り約 " + Math.ceil(remaining) + " 秒";
}
} else if (data.status !== "completed") {
estimatedTime.textContent = "推定 " + ESTIMATED_TIME + " 秒";
}
if (data.status === "completed") {
clearInterval(timer);
progressFill.style.width = "100%";
progressText.textContent = "100%";
stepText.textContent = "完了！リダイレクトしています...";
estimatedTime.textContent = "";
markStepComplete("step-finalize");
setTimeout(function () {
window.location.href = "/result/" + encodeURIComponent(jobId);
}, 500);
} else if (data.status === "failed") {
clearInterval(timer);
stepText.textContent = "エラーが発生しました: " + (data.error || "不明なエラー");
progressFill.style.background = "#dc2626";
estimatedTime.textContent = "";
}
})
.catch(function () {
// Transient network error — keep polling
stepText.textContent = "接続を再試行しています...";
});
}
function updateSteps(progress, stepText) {
// Map progress to steps based on job_manager progress updates
// 5%: Image load
// 40%: Segmentation complete
// 50%: Saliency complete
// 55-92%: Changes being applied
// 92-96%: Generating answer images
// 96-100%: Generating A4 layout & completion
if (progress >= 5 && progress < 40) {
markStepInProgress("step-load");
} else if (progress >= 40) {
markStepComplete("step-load");
}
if (progress >= 10 && progress < 50) {
markStepInProgress("step-segment");
} else if (progress >= 50) {
markStepComplete("step-segment");
}
if (progress >= 50 && progress < 55) {
markStepInProgress("step-saliency");
} else if (progress >= 55) {
markStepComplete("step-saliency");
}
if (progress >= 55 && progress < 92) {
markStepInProgress("step-modify");
} else if (progress >= 92) {
markStepComplete("step-modify");
}
if (progress >= 92 && progress < 100) {
markStepInProgress("step-finalize");
}
}
function markStepInProgress(stepId) {
var step = document.getElementById(stepId);
if (step && !step.classList.contains("complete")) {
step.classList.add("in-progress");
var status = step.querySelector(".step-status");
if (status) {
status.textContent = "処理中...";
}
}
}
function markStepComplete(stepId) {
var step = document.getElementById(stepId);
if (step) {
step.classList.remove("in-progress");
step.classList.add("complete");
var status = step.querySelector(".step-status");
if (status) {
status.textContent = "✓ 完了";
}
}
}
})();
|