lihato/np_app
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages 1 Wiki Activity Actions

为历史运行任务添加终止按钮

Browse source
This commit is contained in:
Lihatoo 2026-07-26 17:46:50 +08:00
parent eb7033c496
commit 5daa60a464
1 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

21
service/index.html
View file

@ -2359,6 +2359,9 @@ A+B</textarea>
history_empty: "还没有历史任务。", history_empty: "还没有历史任务。",
history_load: "载入", history_load: "载入",
history_delete: "删除", history_delete: "删除",
history_cancel: "终止",
history_cancel_confirm: "确定要终止这个正在运行的任务吗？终止后不可恢复。",
history_cancel_success: "任务终止请求已发送",
history_mode_tube: "Tube", history_mode_tube: "Tube",
history_mode_complex: "Complex", history_mode_complex: "Complex",
count_complexes: "个复合物", count_complexes: "个复合物",
@ -2711,6 +2714,9 @@ A+B</textarea>
history_empty: "No saved jobs yet.", history_empty: "No saved jobs yet.",
history_load: "Load", history_load: "Load",
history_delete: "Delete", history_delete: "Delete",
history_cancel: "Terminate",
history_cancel_confirm: "Terminate this running job? This cannot be undone.",
history_cancel_success: "Job termination requested",
history_mode_tube: "Tube", history_mode_tube: "Tube",
history_mode_complex: "Complex", history_mode_complex: "Complex",
count_complexes: "complexes", count_complexes: "complexes",
@ -3967,6 +3973,17 @@ A+B</textarea>
await refreshAccountWorkspace(); await refreshAccountWorkspace();
} }
async function cancelHistoryJob(id) {
if (!window.confirm(t("history_cancel_confirm"))) return;
const { response, data } = await fetchJsonOrThrow(`/api/jobs/${encodeURIComponent(id)}/cancel`, { method: "POST" });
if (!response.ok || data.status !== "success") {
throw new Error(data?.error || `Cancel failed with HTTP ${response.status}`);
}
setStatus(formatStatus(t("history_cancel_success")));
await refreshAccountWorkspace();
refreshHealth();
}
async function fetchAllHistory() { async function fetchAllHistory() {
const items = []; const items = [];
let offset = 0; let offset = 0;
@ -4180,6 +4197,7 @@ A+B</textarea>
<button class="secondary" data-history-load="${item.job_id}" type="button">${t("history_load")}</button> <button class="secondary" data-history-load="${item.job_id}" type="button">${t("history_load")}</button>
<button class="secondary" data-history-export="${item.job_id}" type="button">${t("history_export_one")}</button> <button class="secondary" data-history-export="${item.job_id}" type="button">${t("history_export_one")}</button>
<button class="secondary" data-history-share="${item.job_id}" type="button">${t("history_share")}</button> <button class="secondary" data-history-share="${item.job_id}" type="button">${t("history_share")}</button>
${["queued", "running"].includes(item.status) ? `<button class="danger" data-history-cancel="${item.job_id}" type="button">${t("history_cancel")}</button>` : ""}
${["queued", "running", "cancel_requested"].includes(item.status) ? "" : `<button class="secondary" data-history-delete="${item.job_id}" type="button">${t("history_delete")}</button>`} ${["queued", "running", "cancel_requested"].includes(item.status) ? "" : `<button class="secondary" data-history-delete="${item.job_id}" type="button">${t("history_delete")}</button>`}
</div> </div>
</div> </div>
@ -4196,6 +4214,9 @@ A+B</textarea>
historyList.querySelectorAll("[data-history-delete]").forEach((button) => { historyList.querySelectorAll("[data-history-delete]").forEach((button) => {
button.addEventListener("click", () => deleteHistory(button.dataset.historyDelete).catch((error) => setStatus(error.message, true))); button.addEventListener("click", () => deleteHistory(button.dataset.historyDelete).catch((error) => setStatus(error.message, true)));
}); });
historyList.querySelectorAll("[data-history-cancel]").forEach((button) => {
button.addEventListener("click", () => cancelHistoryJob(button.dataset.historyCancel).catch((error) => setStatus(`${t("cancel_job_failed")}: ${error.message}`, true)));
});
historyList.querySelectorAll("[data-history-export]").forEach((button) => { historyList.querySelectorAll("[data-history-export]").forEach((button) => {
button.addEventListener("click", () => exportHistoryItem(button.dataset.historyExport).catch((error) => setStatus(error.message, true))); button.addEventListener("click", () => exportHistoryItem(button.dataset.historyExport).catch((error) => setStatus(error.message, true)));
}); });