☰

翱翔门户选课增强

翱翔门户选课增强，显示已选人数

// ==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);
})();