${escapeHtml(
title
)}
`
);
if (!prev || !prev.sessions?.length) {
parts.push(`
\u52a0\u8f7d\u4e2d…
`);
} else {
for (const s of prev.sessions) {
const tag = s.finished || s.tag === "\u5df2\u5b8c\u6210" ? "\u5df2\u5b8c\u6210" : s.tag || "\u672a\u5b66";
parts.push(
`
${escapeHtml(
s.title
)}${escapeHtml(tag)}
`
);
}
}
parts.push(`
\u6682\u65e0\u8bfe\u7a0b\uff0c\u8bf7\u9009\u62e9\u9879\u76ee\u540e\u70b9\u5237\u65b0
`;
return;
}
const selected = new Set(state.selectedIds);
for (const les of state.lessons) {
const row = document.createElement("label");
row.className = "qlt-course-item";
const checked = selected.has(les.id) ? "checked" : "";
const tag = les.mustLearn ? "\u5fc5\u4fee" : "\u9009\u4fee";
const st = formatLessonStatus(les.status);
row.innerHTML = `
${escapeHtml(les.name)}
${escapeHtml(les.topicName)} · ${tag} · ${escapeHtml(st)} · ${les.learnHour || 0}\u5b66\u65f6
`;
const input = row.querySelector("input");
input.addEventListener("change", () => {
const ids = new Set(state.selectedIds);
if (input.checked) ids.add(les.id);
else ids.delete(les.id);
saveQueue([...ids]);
updateQueueSummary();
renderChapterPreview();
void refreshChapterPreview();
});
box.appendChild(row);
}
}
function formatLessonStatus(status) {
const s = Number(status);
if (s === 1) return "\u5df2\u5b8c\u6210";
if (s === 0) return "\u5b66\u4e60\u4e2d";
if (s === -1) return "\u672a\u5b66";
return "\u672a\u77e5";
}
function isLessonFinished(les) {
return Number(les?.status) === 1;
}
function isLessonPending(les) {
return !isLessonFinished(les);
}
function selectByFilter(fn) {
const ids = state.lessons.filter(fn).map((l) => l.id);
saveQueue(ids);
renderLessonList();
updateQueueSummary();
}
function openProModal() {
const m = document.getElementById("qlt-pro-modal");
if (m) m.style.display = "flex";
}
function closeProModal() {
const m = document.getElementById("qlt-pro-modal");
if (m) m.style.display = "none";
}
function openProBuyPage() {
const url = state.proBuyUrl || PRO_BUY_URL;
try {
if (typeof GM_openInTab === "function") GM_openInTab(url, { active: true });
else window.open(url, "_blank");
} catch (_) {
window.open(url, "_blank");
}
}
function createProModal() {
const old = document.getElementById("qlt-pro-modal");
if (old) old.remove();
const modal = document.createElement("div");
modal.id = "qlt-pro-modal";
modal.innerHTML = `
\u8fd0\u884c\u72b6\u6001
\u5df2\u505c\u6b62
0/0 \u8bfe\u7a0b\u5df2\u5b66\u4e60
0%
\u8bfe\u7a0b\u9009\u62e9
\u767b\u5f55\u540e\u5c06\u81ea\u52a8\u52a0\u8f7d\u8bfe\u7a0b
\u7ae0\u8282\u9884\u89c8
\u5b9e\u65f6\u8fdb\u5ea6
\u8bf7\u52fe\u9009\u8bfe\u7a0b
\u8fd0\u884c\u65e5\u5fd7
\u6388\u6743\u4e0e\u9009\u9879
\u8bbe\u7f6e
\u7528\u6237\u7c7b\u578b
\u672a\u6821\u9a8c
\u514d\u8d39\u4f53\u9a8c\u8bfe\u7a0b
0/${FREE_CHAPTER_LIMIT_DEFAULT}
Token
\u4e91\u7aef\u670d\u52a1
${escapeHtml(DEFAULT_CLOUD_API_BASE)}
\u5f53\u524d\u8bfe\u7a0b-
\u5f53\u524d\u8bfe\u4ef6-
\u8bfe\u4ef6\u8fdb\u5ea60%
\u5b66\u4e60\u6a21\u5f0f
`;
document.documentElement.appendChild(panel);
enableDrag(panel);
if (localStorage.getItem(PANEL_COLLAPSED_KEY) === "1") {
panel.classList.add("qlt-min");
}
panel.querySelector("#qlt-btn-min")?.addEventListener("click", () => {
panel.classList.toggle("qlt-min");
localStorage.setItem(
PANEL_COLLAPSED_KEY,
panel.classList.contains("qlt-min") ? "1" : "0"
);
});
panel.querySelectorAll(".qlt-tab-btn").forEach((btn) => {
btn.addEventListener("click", () => switchPanelTab(btn.dataset.tab));
});
panel.querySelector("#qlt-project-select")?.addEventListener("change", async (e) => {
const pid = String(e.target.value || "").trim();
if (!pid) return;
rememberProjectId(pid);
try {
setStatus("\u5237\u65b0\u4e2d");
await loadLessons();
setStatus("\u5df2\u505c\u6b62");
} catch (err) {
log(String(err?.message || err));
setStatus("\u5df2\u505c\u6b62");
}
});
panel.querySelector("#qlt-btn-refresh")?.addEventListener("click", async () => {
try {
setStatus("\u5237\u65b0\u4e2d");
await loadLessons();
setStatus("\u5df2\u505c\u6b62");
void refreshChapterPreview();
} catch (e) {
log(String(e?.message || e));
setStatus("\u5df2\u505c\u6b62");
}
});
panel.querySelector("#qlt-btn-select-pending")?.addEventListener("click", () => {
selectByFilter(isLessonPending);
});
panel.querySelector("#qlt-btn-start")?.addEventListener("click", () => runStudy());
panel.querySelector("#qlt-btn-stop")?.addEventListener("click", () => stopStudy());
panel.querySelector("#qlt-clear-log")?.addEventListener("click", () => clearRunLog());
panel.querySelector("#qlt-open-pro")?.addEventListener("click", () => openProModal());
panel.querySelector("#qlt-join-qq")?.addEventListener("click", () => {
try {
GM_openInTab(QQ_GROUP_LINK, { active: true, insert: true, setParent: true });
} catch (_) {
window.open(QQ_GROUP_LINK, "_blank");
}
});
panel.querySelector("#qlt-speed")?.addEventListener("change", (e) => {
const v = String(e.target.value || "sec");
state.speedMode = SPEED_MODES[v] ? v : "sec";
localStorage.setItem(SPEED_KEY, state.speedMode);
});
panel.querySelector("#qlt-cloud-save")?.addEventListener("click", async () => {
const input = panel.querySelector("#qlt-cloud-token");
state.cloudToken = String(input?.value || "").trim();
state.cloudRevoked = false;
localStorage.setItem(CLOUD_TOKEN_KEY, state.cloudToken);
writeCloudLeaseCache("", 0);
state.cloudLease = "";
state.cloudLeaseExp = 0;
try {
if (state.user || (await refreshUser().catch(() => null))) {
if (state.cloudToken) await cloudVerifyToken();
await ensureLease(true);
log("\u6388\u6743\u5df2\u66f4\u65b0");
} else {
log("\u8bf7\u5148\u767b\u5f55");
}
} catch (e) {
log("\u6388\u6743\u65e0\u6548\u8bf7\u68c0\u67e5 Token");
console.debug(e);
}
updateCloudPanelUI();
});
const logEl = panel.querySelector("#qlt-run-log");
if (logEl) {
logEl.innerHTML = state.logs
.slice(0, 30)
.map((s) => `