@@ -741,7 +731,7 @@
};
if (restoreState && backendTaskId) {
- elements.taskIdDisplay.textContent = backendTaskId;
+ elements.taskIdDisplay.innerHTML = `${backendTaskId}`;
}
tasks[cardId] = {
@@ -770,6 +760,23 @@
}
}
+ /**
+ * Notifies the backend to release a task's resources.
+ * @param {string} backendTaskId - The ID of the task to release.
+ */
+ async function releaseTask(backendTaskId) {
+ try {
+ fetch(`/service/release/${backendTaskId}`, { method: 'POST' });
+ console.log(`[${backendTaskId}] Release request sent to backend.`);
+ } catch (error) {
+ console.error(`[${backendTaskId}] Failed to send release request:`, error);
+ }
+ }
+
+ /**
+ * Removes a task card from the UI and releases its backend resources.
+ * @param {string} cardId - The local ID of the card to remove.
+ */
async function removeTask(cardId) {
const task = tasks[cardId];
if (!task) return;
@@ -777,11 +784,12 @@
const backendTaskId = task.state.backendTaskId;
if (backendTaskId) {
stopPolling(backendTaskId);
- await fetch(`/service/release/${backendTaskId}`,{method: 'POST'});
+ await releaseTask(backendTaskId);
}
task.elements.card.remove();
delete tasks[cardId];
+
saveTaskIds();
updateTaskPlaceholderVisibility();
}
@@ -863,6 +871,17 @@
return;
}
+ // ======================== FIX: RELEASE OLD TASK ON RETRY ========================
+ // If a previous backend task exists for this card, release it before starting a new one.
+ const oldBackendTaskId = state.backendTaskId;
+ if (oldBackendTaskId) {
+ console.log(`[${oldBackendTaskId}] Re-translating. Releasing resources for the old task.`);
+ await releaseTask(oldBackendTaskId);
+ // Immediately reset the backend ID in the state.
+ state.backendTaskId = null;
+ }
+ // ==============================================================================
+
state.isTranslating = true;
elements.startBtn.disabled = true;
elements.startBtn.innerHTML = ` 初始化...`;
@@ -901,9 +920,9 @@
if (response.ok && result.task_started) {
const backendTaskId = result.task_id;
- state.backendTaskId = backendTaskId;
+ state.backendTaskId = backendTaskId; // Store the NEW task ID
state.isSubmitted = true;
- elements.taskIdDisplay.textContent = backendTaskId;
+ elements.taskIdDisplay.innerHTML = `${backendTaskId}`;
elements.taskIdDisplay.classList.remove('task-id-placeholder');
saveTaskIds();
@@ -1012,12 +1031,13 @@
return;
}
const { elements, state } = card;
- const cardId = card.elements.card.dataset.cardId;
+ const cardId = elements.card.dataset.cardId;
try {
const response = await fetch(`/service/status/${backendTaskId}`);
if (!response.ok) {
if (response.status === 404 && isRestore) {
+ console.warn(`Task ${backendTaskId} not found on server (404). Removing from UI.`);
await removeTask(cardId);
}
return;
@@ -1166,19 +1186,14 @@
});
}
- // MODIFIED: This function now handles responsive layout for the preview panes.
function setPreviewDisplayMode(mode) {
if (previewSplitInstance) {
previewSplitInstance.destroy();
previewSplitInstance = null;
}
- // Check screen size to determine layout (true for mobile, false for desktop)
- const isMobileView = window.innerWidth < 992; // Using Bootstrap's 'lg' breakpoint
-
+ const isMobileView = window.innerWidth < 992;
const splitContainer = document.querySelector('.preview-split-container');
-
- // Reset element styles
originalPreviewContainer.style.display = 'flex';
translatedPreviewContainer.style.display = 'flex';
[originalPreviewContainer, translatedPreviewContainer].forEach(el => {
@@ -1191,22 +1206,12 @@
previewOffcanvasLabel.textContent = '双语预览';
if (isMobileView) {
- // Mobile: Vertical Split
previewSplitInstance = Split(['#originalPreviewContainer', '#translatedPreviewContainer'], {
- direction: 'vertical',
- sizes: [50, 50],
- minSize: 150, // Smaller min-size for vertical layout
- gutterSize: 10,
- cursor: 'row-resize',
+ direction: 'vertical', sizes: [50, 50], minSize: 150, gutterSize: 10, cursor: 'row-resize',
});
} else {
- // Desktop: Horizontal Split
previewSplitInstance = Split(['#originalPreviewContainer', '#translatedPreviewContainer'], {
- direction: 'horizontal',
- sizes: [50, 50],
- minSize: 200,
- gutterSize: 10,
- cursor: 'col-resize',
+ direction: 'horizontal', sizes: [50, 50], minSize: 200, gutterSize: 10, cursor: 'col-resize',
});
}