// ==UserScript==
// @name         【学习通】自动回复讨论
// @namespace    https://bbs.tampermonkey.net.cn/
// @namespace    https://greasyfork.org/zh-CN/scripts/493819
// @version      0.2.0
// @description  学习通课程话题自动评论，复制话题详情中最后一条评论进行评论，每次打开讨论进行回复。
// @author       LoveX2095
// @match        *://groupweb.chaoxing.com/*
// @resource     bootstrap https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @license MIT
// ==/UserScript==
// 模态框
function AddModal(title = "", message = "", isInput = false, listLengh = 0) {
this.modalBox = document.createElement("div");
this.modalBox.classList.add("modal", "d-block");
this.modalBox.setAttribute("id", "completeModal");
if (isInput) {
this.modalBox.innerHTML = `
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- 模态框头部 -->
<div class="modal-header">
<h4 class="modal-title">${title}</h4>
<button
type="button"
class="btn-close d-none"
id="modal-close1"
></button>
</div>
<!-- 模态框内容 -->
<div class="modal-body">
<p class="alert alert-warning">
<b>注意：</b
>建议根据自身电脑性能以及网络速率来输入，若填写数量大于话题列表数量会导致弹出大量页面。
</p>
<div class="input p-4 border rounded shadow-sm">
<p>课程名：${localStorage.getItem("listPage")} </p>
<p>
您的话题讨论列表数量：${listLengh}
</p>
<label for="number">每次弹出页数量(默认是 5)：</label>
<div>
<input
class="form-control m-2 ms-0"
type="number"
name="number"
id="number"
placeholder="请输入数量"
/>
</div>
</div>
</div>
<!-- 模态框底部 -->
<div class="modal-footer">
<button class="btn btn-primary" id="modal-save">保存</button>
<button type="button" class="btn btn-danger d-none" id="modal-close2">
关闭
</button>
</div>
</div>
</div>
`;
} else {
this.modalBox.innerHTML = `
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- 模态框头部 -->
<div class="modal-header">
<h4 class="modal-title">${title}</h4>
<button type="button" class="btn-close" id="modal-close1"></button>
</div>
<!-- 模态框内容 -->
<div class="modal-body">
${message}
</div>
<!-- 模态框底部 -->
<div class="modal-footer">
<button class="btn btn-primary d-none" id="modal-save">保存</button>
<button type="button" class="btn btn-danger" id="modal-close2">关闭</button>
</div>
</div>
</div>
`;
}
// 设置黑色遮罩
this.showBg = document.createElement("div");
this.showBg.classList.add("modal-backdrop", "show", "bg-black");
}
// 给模态框设置打开方法
AddModal.prototype.open = function (listLengh) {
// 向页面添加
waitForElement("body").then((body) => {
body[0].appendChild(this.modalBox);
body[0].appendChild(this.showBg);
});
// 给模态框设置事件
this.modalBox.querySelector("#modal-close1").addEventListener("click", () => {
this.close();
});
this.modalBox.querySelector("#modal-close2").addEventListener("click", () => {
this.close();
});
this.modalBox.querySelector("#modal-save").addEventListener("click", () => {
this.save(listLengh);
});
};
// 给模态框设置关闭方法
AddModal.prototype.close = function () {
this.modalBox.remove();
this.showBg.remove();
};
// 给选项模态框设置保存方法
AddModal.prototype.save = function (list) {
const inputNum = this.modalBox.querySelector("#number").value;
if (inputNum >= list.length) {
localStorage.setItem("inputValue", list.length);
} else if (inputNum <= list.length && inputNum > 0) {
localStorage.setItem("inputValue", inputNum);
} else {
localStorage.setItem("inputValue", 5);
}
localStorage.setItem("isInit", true);
// 遍历打开详情
setTimeout(() => {
openDiscussion(list);
}, 2000);
this.close();
};
// 等待元素就绪
function waitForElement(selector) {
return new Promise((resolve, reject) => {
const interval = setInterval(() => {
const element = document.querySelectorAll(selector);
if (element.length !== 0) {
clearInterval(interval);
resolve(element);
} else {
clearInterval(interval);
reject("错误，没找到元素");
}
}, 100);
});
}
// 保存页面标题
function setPageTitle() {
const title = document.title;
if (title === "话题详情") {
localStorage.setItem("topicPage", title);
} else {
if (localStorage.getItem("listPage")) {
if (localStorage.getItem("listPage") !== title) {
localStorage.setItem("isInit", false);
}
}
localStorage.setItem("listPage", title);
}
}
// 遍历打开详情
function openDiscussion(list) {
const num = localStorage.getItem("inputValue") || 5;
console.log(num);
list
.slice(0, num)
.forEach((item) => item.querySelector(".dataBody_con").click());
}
// 提交
function submitAndClose() {
// 获取所有评论
waitForElement(
".topicDetail_replyList .topicDetail_replyItem .topicReply_right .replyContent"
)
.then((lastReview) => {
// 获取评论输入框
waitForElement(".textareawrap textarea").then((input) => {
// 将最后一条评论内容赋值给输入框
input[0].value = lastReview[0].innerText;
// 获取提交按钮
waitForElement(".addReply").then((submit) => {
// 设置延迟提交
const timer = setTimeout(() => {
submit[0].click();
clearTimeout(timer);
// 关闭页面
const timer2 = setTimeout(() => {
clearInterval(timer2);
window.close();
}, 1000);
}, 500);
});
});
})
.catch((error) => {
waitForElement(".topicDetail_title span").then((res) => {
if (localStorage.getItem("titles")) {
const locaTitles = JSON.parse(localStorage.getItem("titles"));
const title = res[0].innerText;
locaTitles.push(title);
localStorage.setItem(
"titles",
JSON.stringify(Array.from(new Set(locaTitles)))
);
} else {
const title = res[0].innerText;
const titles = [];
titles.push(title);
console.log(titles);
localStorage.setItem("titles", JSON.stringify(titles));
}
setTimeout(() => {
window.close();
}, 1000);
});
});
}
// 将列表页面重新刷新
function reloadListPage() {
if (!document.hidden) {
location.reload();
}
}
// 检查任务列表是否完成
function checkTopicList(list) {
// 检查任务列表是否完成
if (list.length === 0) {
const endTip = new AddModal(
"提示",
"找不到未回复任务，请检查是否全部回复完成！"
);
endTip.open();
localStorage.clear();
return true;
} else {
return false;
}
}
// 为没有评论的话题打上标记
function noReplyYet(list) {
if (!localStorage.getItem("titles")) {
return;
}
const newList = Array.from(list);
// console.log('dssadsadsa')
newList.filter((item) => {
const noReplyList = JSON.parse(localStorage.getItem("titles"));
const itemTitle = item.querySelector(".topicli_title_text").innerText;
if (noReplyList.includes(itemTitle)) {
const noReplyBox = document.createElement("span");
noReplyBox.innerText = "无评论";
noReplyBox.classList.add("topic_reply", "bg-danger");
item.querySelector(".topicli_head_left").appendChild(noReplyBox);
}
});
}
(function () {
"use strict";
// Your code here...
// 加载外部CSS
const bootstrapCSS = GM_getResourceText("bootstrap");
GM_addStyle(bootstrapCSS);
// 保存页面标题至本地
setPageTitle();
// 获取当前页面标题
const currentPageTitle = document.title;
if (currentPageTitle === localStorage.getItem("listPage")) {
// 监听列表页面的状态，当状态变化，重新刷新页面
document.addEventListener("visibilitychange", reloadListPage);
// 筛选未回复的列表
waitForElement(".dataBody .dataBody_td")
.then((res) => {
noReplyYet(res);
const list = Array.from(res).filter(
(item) => !item.querySelector(".topic_reply")
);
if (list.length > 0) {
const optionModal = new AddModal("基本配置", "", true, list.length);
if (
localStorage.getItem("isInit") === "false" ||
!localStorage.getItem("isInit")
) {
const listNum = optionModal.open(list);
}
}
checkTopicList(list);
// 遍历打开话题详情
if (localStorage.getItem("isInit") === "true") {
openDiscussion(list);
}
})
.catch((error) => {
console.log(error);
});
} else if (currentPageTitle === localStorage.getItem("topicPage")) {
window.addEventListener("load", () => {
// 页面可见时执行
function handleVisibilityChange() {
if (!document.hidden) {
// 执行提交函数
submitAndClose();
}
}
// 先执行一次 判断页面是否可见
handleVisibilityChange();
// 监听所有页面的状态，一旦状态改变（如可见或者不可见）执行函数
document.addEventListener("visibilitychange", handleVisibilityChange);
});
}
})();