翱翔门户选课增强，显示已选人数
// ==UserScript==
// @name 翱翔门户选课增强
// @namespace http://tampermonkey.net/
// @version 0.7
// @description 翱翔门户选课增强，显示已选人数
// @author 2ndelement
// @match https://jwxt.nwpu.edu.cn/course-selection/
// @icon https://www.google.com/s2/favicons?sz=64&domain=nwpu.edu.cn
// @grant none
// @run-at document-end
// @namespace https://github.com/2ndelement/nwpu-lesson-select-enhance
// @supportURL https://github.com/2ndelement/nwpu-lesson-select-enhance
// @homepageURL https://github.com/2ndelement/nwpu-lesson-select-enhance
// @license MIT
// ==/UserScript==
(function () {
var paser = new DOMParser();
function updateBar(innerBar, selected, limit) {
let color = selected - limit > 0 ? "rgb(255, 107, 107)" : "rgb(6, 86, 139)";
let width = (selected * 100) / limit + "%";
width = width > 100 ? 100 : width;
innerBar.style.backgroundColor = color;
innerBar.style.width = width;
}
var table;
var coursesDom;
var inited = false;
var lessonStuCountApi;
var courses;
var simpleCourses = {};
var headers;
var selectedLessonApi;
function init() {
table = document.querySelectorAll("table.el-table__body")[0];
coursesDom = table.querySelectorAll("tr.el-table__row");
const urlReg =
/https:\/\/jwxt.nwpu.edu.cn\/course-selection\/#\/course-select\/(\d+)\/turn\/(\d+)\/select/;
let groups = urlReg.exec(window.location.href);
const studentId = groups[1];
const turnId = groups[2];
const token = document.cookie.match(/token=([^;]+)/)[1];
selectedLessonApi =
"https://jwxt.nwpu.edu.cn/course-selection-api/api/v1/student/course-select/selected-lessons/" +
turnId +
"/" +
studentId;
lessonStuCountApi =
"https://jwxt.nwpu.edu.cn/course-selection-api/api/v1/student/course-select/std-count?lessonIds=";
headers = {
Authorization: token,
};
}
function createProcessBar() {
let str =
'<div data-v-7ed17b25="" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" class="el-progress el-progress--line el-progress--without-text"><div class="el-progress-bar"><div class="el-progress-bar__outer" style="height: 6px;"><div class="el-progress-bar__inner" style="width: 100%; background-color: rgb(255, 107, 107);"><!----></div></div></div><!----></div>';
return paser.parseFromString(str, "text/html").querySelector("div");
}
function run() {
"use strict";
if (!inited){
init();
inited = true;
}
fetch(selectedLessonApi, { method: "GET", headers: headers })
.then((response) => response.json())
.then((body) => {
courses = body.data;
courses.forEach((course) => {
simpleCourses[course.id] = {
name: course.course.nameZh,
limit: parseInt(course.limitCount),
};
lessonStuCountApi += course.id + ",";
});
lessonStuCountApi = lessonStuCountApi.substring(
0,
lessonStuCountApi.length - 1
);
fetch(lessonStuCountApi, { method: "GET", headers })
.then((response) => response.json())
.then((body2) => {
for (let key in body2.data) {
simpleCourses[key].selected = parseInt(
body2.data[key].split("-")[0]
);
}
for (let i = 0; i < coursesDom.length; i++) {
var pannel = coursesDom[i].querySelector(
"td.el-table_1_column_5.el-table__cell"
);
if (!pannel) {
continue;
}
var bar = coursesDom[i].querySelector(
"div.el-progress-bar__inner"
);
if (!bar) {
pannel.parentElement.appendChild(createProcessBar());
bar = coursesDom[i].querySelector("div.el-progress-bar__inner");
}
var courseName = coursesDom[i].outerText
.match(/(.*?)[\nU]/)[1]
.trim();
var currentCourse;
for (let key in simpleCourses) {
if (simpleCourses[key].name == courseName) {
currentCourse = simpleCourses[key];
break;
}
}
var overNum = currentCourse.selected - currentCourse.limit;
var color = overNum > 0 ? "red" : "green";
updateBar(bar, currentCourse.selected, currentCourse.limit);
pannel.firstChild.firstChild.innerHTML =
"<font color=" +
color +
">" +
currentCourse.selected +
"</font>" +
"/" +
currentCourse.limit;
}
});
});
}
setInterval(run, 1000);
})();