' +
'" +
'
";
document.body.appendChild(mask);
const close = () => {
closePanelDialog();
if (typeof opts.onClose === "function") opts.onClose();
};
mask.addEventListener("click", (e) => {
if (e.target === mask) close();
});
const cancel = mask.querySelector("#rjpx-dialog-cancel");
if (cancel) cancel.addEventListener("click", close);
const linkEl = mask.querySelector("#rjpx-dialog-link");
if (linkEl) {
linkEl.addEventListener("click", (e) => {
e.preventDefault();
openUrl(link);
if (opts.closeOnLink !== false) close();
});
}
const ok = mask.querySelector("#rjpx-dialog-ok");
if (ok) {
ok.addEventListener("click", () => {
if (typeof opts.onOk === "function") opts.onOk();
close();
});
try {
ok.focus();
} catch (_) {}
}
}
function showFinishTipDialog() {
showPanelDialog({
title: "\u5168\u90e8\u5b66\u5b8c",
message: String(state.finishTip || FINISH_TIP),
okText: "\u77e5\u9053\u4e86",
});
}
function showFreeQuotaDialog() {
const url = String(state.proBuyUrl || PRO_BUY_URL).trim() || PRO_BUY_URL;
showPanelDialog({
title: "\u4f53\u9a8c\u5df2\u7528\u5b8c",
message: "\u514d\u8d39\u4f53\u9a8c\u5df2\u7528\u5b8c\uff0c\u7ee7\u7eed\u5904\u7406\u9700\u8981\u5347\u7ea7 Pro\u3002",
link: url,
cancelText: "\u5173\u95ed",
okText: "\u53bb\u5347\u7ea7 Pro",
onOk: () => openUrl(url),
});
}
function enableDrag(panel) {
const header = panel.querySelector("#rjpx-panel-header");
let dragging = false,
sx = 0,
sy = 0,
ol = 0,
ot = 0;
header.addEventListener("mousedown", (e) => {
if (e.target.closest(".rjpx-ctl")) return;
dragging = true;
const rect = panel.getBoundingClientRect();
sx = e.clientX;
sy = e.clientY;
ol = rect.left;
ot = rect.top;
e.preventDefault();
});
window.addEventListener("mousemove", (e) => {
if (!dragging) return;
panel.style.right = "auto";
panel.style.left = Math.max(0, ol + e.clientX - sx) + "px";
panel.style.top = Math.max(0, ot + e.clientY - sy) + "px";
});
window.addEventListener("mouseup", () => {
if (!dragging) return;
dragging = false;
storeSet(K.pos, {
left: parseInt(panel.style.left, 10) || 0,
top: parseInt(panel.style.top, 10) || 0,
});
});
}
function syncMinButton(panel) {
const btn = panel.querySelector("#rjpx-btn-min");
if (!btn) return;
const collapsed = panel.classList.contains("rjpx-min");
btn.textContent = collapsed ? "+" : "–";
btn.title = collapsed ? "\u5c55\u5f00" : "\u6536\u8d77";
}
function bindPanelEvents(panel) {
panel.querySelector("#rjpx-btn-min").addEventListener("click", () => {
const on = !panel.classList.contains("rjpx-min");
panel.classList.toggle("rjpx-min", on);
storeSet(K.collapsed, on);
syncMinButton(panel);
});
panel.querySelectorAll(".rjpx-tab-btn").forEach((btn) => {
btn.addEventListener("click", () => {
panel.querySelectorAll(".rjpx-tab-btn").forEach((b) => b.classList.toggle("active", b === btn));
panel.querySelectorAll(".rjpx-pane").forEach((p) => p.classList.toggle("active", p.dataset.pane === btn.dataset.tab));
});
});
panel.querySelector("#rjpx-select-replay").addEventListener("click", () => {
const sid = state.selectedSid;
const ids = state.lessons
.filter((x) => x.isReplay && x.status !== "\u672a\u5f00\u59cb" && x.countsCredit !== false)
.filter((x) => lessonMatchesSelected(x, sid))
.filter((x) => {
const subKey = subjectKey(x.stageId, x.subjectId);
return !isPlatformFull(platformLessonForCourse(x, subKey), subKey);
})
.filter((x) => {
const loc = loadLocalProg()[String(x.id)];
if (loadDoneSet().has(String(x.id))) return false;
if (loc && (loc.done || isWatchDone(loc.submittedMs, loc.totalMs))) return false;
return true;
})
.map((x) => x.id);
saveQueue(ids);
renderCourseList();
updatePanel();
log("\u5df2\u52fe\u9009\u53ef\u5237\u5fc5\u5b66\u56de\u653e " + ids.length + " \u8bfe\uff08\u5df2\u6392\u9664\u5e73\u53f0\u5df2\u5b66/\u5df2\u5b66\u5f85\u66f4\u65b0\uff09");
});
const clearLocalBtn = panel.querySelector("#rjpx-clear-local");
if (clearLocalBtn) {
clearLocalBtn.addEventListener("click", () => {
tryClearLocalDoneWithDailyLimit();
});
}
const clearLogBtn = panel.querySelector("#rjpx-clear-log");
if (clearLogBtn) {
clearLogBtn.addEventListener("click", () => {
clearRunLog();
log("\u65e5\u5fd7\u5df2\u6e05\u7406");
});
}
panel.querySelector("#rjpx-subject").addEventListener("change", async (e) => {
state.selectedSid = String(e.target.value || "");
storeSet(K.subject, state.selectedSid);
renderCourseList();
try {
await _rp({ quiet: true });
} catch (_) {}
renderChapterPreview();
_sp();
});
const tokenInput = panel.querySelector("#rjpx-cloud-token");
const tokenSave = panel.querySelector("#rjpx-token-save");
if (tokenSave && tokenInput) {
tokenSave.addEventListener("click", async () => {
setCloudToken(tokenInput.value);
state.tokenBoundBlocked = false;
invalidateCloudAuthCache();
try {
await _cl(true);
if (String(state.cloudTier || "").toLowerCase() === "pro") {
log("Pro \u6388\u6743\u5df2\u66f4\u65b0\uff0c\u5230\u671f\uff1a" + formatProExpireText(state.cloudProExpireAt));
} else if (state.tokenBoundBlocked) {
log("Token \u5df2\u7ed1\u5b9a\u5176\u4ed6\u8d26\u53f7\uff0c\u672c\u8d26\u53f7\u4e3a\u514d\u8d39\u4f53\u9a8c");
} else {
log("\u5f53\u524d\u4e3a\u514d\u8d39\u4f53\u9a8c " + state.freeUsedVideos + "/" + state.freeVideoLimit);
}
} catch (e) {
const msg = String(e && e.message ? e.message : e);
if (/token_bound/.test(msg)) log("Token \u5df2\u7ed1\u5b9a\u5176\u4ed6\u8d26\u53f7");
else log("\u6388\u6743\u6821\u9a8c\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u540e\u91cd\u8bd5");
}
updateCloudPanelUI();
});
}
const proBtn = panel.querySelector("#rjpx-open-pro");
if (proBtn) {
proBtn.addEventListener("click", () => openProBuyPage());
}
panel.querySelector("#rjpx-start").addEventListener("click", () => startRun());
panel.querySelector("#rjpx-stop").addEventListener("click", () => stopRun());
panel.querySelector("#rjpx-join-qq").addEventListener("click", () => openUrl(QQ_GROUP_LINK));
}
function renderSubjectSelect() {
const sel = document.getElementById("rjpx-subject");
if (!sel) return;
sel.innerHTML = state.subjects
.map((s) => {
const val = s.key || subjectKey(s.stageId, s.id) || s.id;
return (
'"
);
})
.join("");
}
function renderCourseList() {
const box = document.getElementById("rjpx-course-list");
updateCourseTip();
if (!box) return;
const q = new Set(loadQueue());
const sid = state.selectedSid;
const list = state.lessons.filter(
(x) => lessonMatchesSelected(x, sid) && x.countsCredit !== false
);
if (!list.length) {
box.innerHTML = '' +
escHtml(opts.title || "\u63d0\u793a") +
"
' +
escHtml(opts.message || "") +
(link
? '' +
escHtml(opts.linkText || link) +
""
: "") +
"
" +
'' +
(hasCancel
? '"
: "") +
'
\u6682\u65e0\u8bfe\u65f6
';
_sp();
return;
}
box.innerHTML = list
.map((les) => {
const id = String(les.id);
const found = findLocalProgForLesson(id, les.title);
const loc = found ? found.prog : null;
const subKey = subjectKey(les.stageId, les.subjectId) || sid;
const plat = platformLessonForCourse(les, subKey);
const st = formatLessonLearnStatus(plat, loc, id, subKey);
const locked =
!les.isReplay || les.status === "\u672a\u5f00\u59cb" || st.kind === "plat" || st.kind === "pending";
let tagClass = "rjpx-tag-ok";
if (st.kind === "plat") tagClass = "rjpx-tag-plat";
else if (st.kind === "pending") tagClass = "rjpx-tag-done";
else if (st.kind === "todo") tagClass = "rjpx-tag-wait";
const tag = '' + st.tag + "";
const platTxt =
st.kind === "plat"
? formatHms(plat.watchedMs) + "/" + formatHms(plat.totalMs)
: st.kind === "pending"
? "\u5df2\u5b66\u5f85\u5e73\u53f0\u66f4\u65b0"
: "\u8bfe\u7a0b\u5f85\u5b66\u4e60";
return (
'"
);
})
.join("");
box.querySelectorAll("input[data-id]").forEach((inp) => {
inp.addEventListener("change", () => {
const other = loadQueue().filter((id) => {
const les = state.lessons.find((x) => x.id === id);
return les && !lessonMatchesSelected(les, sid);
});
const cur = [...box.querySelectorAll("input[data-id]:checked")].map((x) => x.getAttribute("data-id"));
saveQueue([...new Set(other.concat(cur))]);
updatePanel();
});
});
_sp();
}
function renderChapterPreview() {
const box = document.getElementById("rjpx-chapter-preview");
if (!box) return;
const local = loadLocalProg();
const creditSections = (state.platformSections || []).filter((sec) => isCreditSectionName(sec.title));
if (!creditSections.length && !Object.keys(local).length) {
box.innerHTML = '\u6682\u65e0\u5fc5\u5b66\u5e73\u53f0\u6570\u636e\uff08\u52a0\u8f7d\u8bfe\u5355\u65f6\u81ea\u52a8\u540c\u6b65\uff09
';
return;
}
const bySection = new Map();
(state.platformLessons || []).forEach((L) => {
if (!isCreditSectionName(L.section)) return;
const key = L.section || "\u672a\u5206\u7c7b";
if (!bySection.has(key)) bySection.set(key, []);
bySection.get(key).push(L);
});
let html = "";
creditSections.forEach((sec) => {
const items = bySection.get(sec.title) || [];
const body = items.length
? items
.map((L) => {
const found = findLocalProgForLesson("", L.title);
const loc = found ? found.prog : Object.values(local).find((x) => x && x.title === L.title);
const st = formatLessonLearnStatus(L, loc, "");
return (
'' +
escHtml(L.title) +
"" +
escHtml(st.text) +
"
"
);
})
.join("")
: '\u6c47\u603b' +
(Number(sec.percent) >= 100
? "\u5e73\u53f0\u5df2\u5b66\u66f4\u65b0"
: "\u8bfe\u7a0b\u5f85\u5b66\u4e60") +
"
";
html +=
'' +
escHtml(sec.title) +
"
" +
body +
"\u65e0\u5fc5\u5b66\u660e\u7ec6
';
}
function updatePanel() {
const q = loadQueue();
const done = loadDoneSet();
const local = loadLocalProg();
const doneCount = q.filter(
(id) => done.has(id) || (local[id] && (local[id].done || isWatchDone(local[id].submittedMs, local[id].totalMs)))
).length;
const total = q.length;
const pct = total ? Math.round((doneCount / total) * 100) : 0;
const set = (id, v) => {
const el = document.getElementById(id);
if (el) el.textContent = v;
};
set("rjpx-auto-status", state.enabled ? (state.bgBusy ? "\u5b66\u4e60\u4e2d" : "\u8fd0\u884c\u4e2d") : "\u5df2\u505c\u6b62");
set("rjpx-queue-done", String(doneCount));
set("rjpx-queue-total", String(total));
set("rjpx-queue-percent", pct + "%");
const bar = document.getElementById("rjpx-queue-progress");
if (bar) bar.style.width = pct + "%";
set(
"rjpx-current-task",
state.currentTask || (state.current && state.current.title) || (state.enabled ? "\u6392\u961f\u4e2d…" : "\u672a\u5f00\u59cb")
);
set("rjpx-queue-text", total ? "\u5df2\u9009 " + total + " · \u5f85\u5e73\u53f0\u66f4\u65b0 " + doneCount : "\u672a\u9009\u62e9");
const start = document.getElementById("rjpx-start");
const stop = document.getElementById("rjpx-stop");
if (start) start.disabled = !!state.enabled;
if (stop) stop.disabled = !state.enabled;
const logBox = document.getElementById("rjpx-run-log");
if (logBox) renderRunLog();
}
function createPanel() {
if (document.getElementById("rjpx-auto-panel")) return;
injectPanelStyles();
const panel = document.createElement("div");
panel.id = "rjpx-auto-panel";
panel.innerHTML =
'' +
SCRIPT_TITLE +
' v' +
SCRIPT_VERSION +
'
\u56de\u653e\u4e00\u952e\u5b8c\u6210\u5e73\u53f0\u5df2\u5b66\u66f4\u65b0\u6b21\u65e5\u81ea\u52a8\u66f4\u65b0\u5b66\u65f6
\u8fd0\u884c\u72b6\u6001\u5df2\u505c\u6b62
0/0 \u5df2\u5b66\u5f85\u5e73\u53f0\u66f4\u65b00%
' +
'' +
'' +
'' +
'
' +
'\u57f9\u8bad\u672a\u5f00\u59cb · \u53ea\u5904\u7406\u56de\u653e\u8bfe\u7a0b
\u52a0\u8f7d\u4e2d…
\u5e73\u53f0\u5df2\u5b66\u66f4\u65b0\u9694\u65e5 / \u6ee1 12 \u5c0f\u65f6\u540e\u67e5\u770b
\u52a0\u8f7d\u8bfe\u5355\u540e\u81ea\u52a8\u540c\u6b65
\u8fd0\u884c\u65e5\u5fd7
\u4f1a\u5458\u4e0e\u6388\u6743
\u7528\u6237\u7c7b\u578b\u672a\u6821\u9a8c
\u514d\u8d39\u4f53\u9a8c0/2
\u5237\u5b8c\u63d0\u793a\uff1a\u5e73\u53f0\u8fdb\u5ea6\u901a\u5e38\u9694\u65e5\u66f4\u65b0\uff0c\u4e14\u81f3\u5c11\u5237\u5b8c 12 \u5c0f\u65f6\u540e\u624d\u80fd\u66f4\u65b0\u3002\u57f9\u8bad\u672a\u5f00\u59cb\u65f6\u53ea\u5904\u7406\u56de\u653e\u8bfe\u7a0b\u3002