☰

SIT上应教务系统兼容性修复

使兼容 Chrome, 目前发现的bug范围包括评教、成绩查询等功能，强行退课、选到无法选中的课等。(20191209)增加学分绩点计算以及刷分重修指标。

// ==UserScript==
// @name         SIT上应教务系统兼容性修复
// @namespace    [email protected]
// @version      0.99
// @description  使兼容 Chrome, 目前发现的bug范围包括评教、成绩查询等功能，强行退课、选到无法选中的课等。(20191209)增加学分绩点计算以及刷分重修指标。
// @author       snomiao
// @match        http*://ems1.sit.edu.cn:85/student/*
// @match        http*://ems.sit.edu.cn:85/student/*
// @match        http*://ems1.sit.edu.cn:85/admin/*
// @match        http*://ems.sit.edu.cn:85/admin/*
// @match        http*://sam1.sit.edu.cn/*
// @match        http*://sam.sit.edu.cn/*
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    var 归类以 = (分组依据) => (列表) =>
        列表.reduce((组, 元) => {
            (组[分组依据(元)] = 组[分组依据(元)] || []).push(元);
            return 组;
        }, {});
    var 划分以 = (分组依据) => (列表) => Object.values(归类以(分组依据)(列表));
    var 求和 = (列表) => 列表.reduce((a, b) => a + b, 0);

    // 主要兼容 form 在 IE 下的用法
    document.querySelectorAll('form').forEach((form) => {
        form.all = (x) => form.all[x] || form[x];
        form.querySelectorAll('[name],[value]').forEach((e) => {
            var all = [...form.querySelectorAll(`[name]`)];
            form.all[e.name] = all.length == 1 ? all[0] : all;
            e.id = e.id || e.name;
            [...e.attributes].forEach((attr) => {
                if (!e[attr.name]) {
                    e[attr.name] = attr.value;
                }
            });
        });
    });

    var teachclasslist = '/student/selCourse/studentSel/teachclasslist.jsp';

    // 已选课程（退课页面）
    if (location.pathname == '/student/selCourse/list1.jsp') {
        var lsClasses = [...document.querySelectorAll(`tr[align="center"]`)];
        lsClasses.map((e) => {
            var lstd = [...e.querySelectorAll('td')];
            var [
                课程序号,
                课程名称,
                课程代码,
                学分,
                授课老师,
                上课时间,
                上课地点,
                选课类型,
                选课结果,
                操作,
            ] = lstd.map((e) => e.textContent.trim());
            lstd[9].innerHTML = `
<a style="color:red" href="###" onclick="tj(2,'${课程序号}','${课程代码}')">${
                选课结果 === '已确认' ? '强制' : ''
            }取消选择</a><br>
<a style="color:red" href="/student/selCourse/action.jsp?op=del&courseID=${课程代码}&cssID=${课程序号}&url=${teachclasslist}?courseId=${课程代码}" target="_BLANK" alt="有可能选不上">${
                选课结果 === '已确认' ? '强制' : ''
            }重新选择</a>
`;
        });
    }

    // 选课对照表（选课页面）
    if (location.pathname == '/student/selCourse/studentSel/selcourse_ts.jsp') {
        var 可以选课列表 = [...document.querySelectorAll(`tr`)].filter(
            (x) => x.querySelectorAll(`td`).length == 16
        );
        可以选课列表.map((e) => {
            var lstd = [...e.querySelectorAll('td')];
            var 课程编号 = lstd[1].textContent.trim();
            var 课程名称 = lstd[2].textContent.trim();
            lstd[1].innerHTML = `<a onclick="opens('${课程编号}','${课程名称}')" href="javascript:void(0);">${课程编号}</a>`;
        });

        // 居中显示（丑陋但是歪着更丑的）顶部图片
        var 顶部图片容器 = document.querySelector('.headImg > div');
        if (顶部图片容器) {
            顶部图片容器.style.margin = '0 auto';
        }

        var 表tb1 = document.querySelector('table#tb1');
        if (表tb1) {
            // 一个 <table> 同时只能拥有和显示一个 <caption>
            [...表tb1.querySelectorAll(':scope > caption')].reduce(
                (首个, 当前) => {
                    [...当前.childNodes].forEach((节点) =>
                        首个.appendChild(节点)
                    );
                    当前.parentNode.removeChild(当前);
                }
            );

            // 第一个 <caption> 带有属性 align=right，缩在右侧，几乎无法阅读
            表tb1.caption.removeAttribute('align');
            表tb1.caption.style.margin = '.5em 0'; // 而且没有纵向边距

            // "公选" 和 "性质" 之间有一个影响表格排版的 <br>，让 "能力拓展" 不得不显示成两行
            var 公选性质换行 = 表tb1.querySelector(
                ':scope tr:first-child > td > br'
            );
            公选性质换行.parentNode.style.width = '48px'; // 去掉这个换行还不够，还要加大宽度
            公选性质换行 && 公选性质换行.parentNode.removeChild(公选性质换行);

            setTimeout(() => {
                // 还得修改排序按钮的样式
                var 公选性质按钮 = 表tb1.querySelector(
                    ':scope tr:first-child > td > button'
                );
                if (公选性质按钮) {
                    公选性质按钮.style.float = 'none';
                }
            }, 500);
        }
    }

    var 选课 = (课程序号, 课程代码, 学号, 确认 = '1') => {
        var html = `
<form action="/student/selCourse/studentSel/StudentSelCourse.action" name="frm1" id="frm1" method="post" target="selcourse" >
    <input type="text" name="op" value="sel"><br>
    <input type="text" name="selStudent" value="${学号}"><br>
    <input type="text" name="selCssID" value="${课程序号}"><br>
    <input type="text" name="selCourseID" value="${课程代码}"><br>
    <input type="text" name="isconfrm" value="${确认}"><br>
    <input type="text" name="selYearTerm" value="2020春"><br>
    <input type="text" name="currYearTerm" value="2019秋"><br>
    <input type="text" name="selcourseStage" value="海选"><br>
    <input type="text" name="_tbName" value="openAdmin.selCourse.StudentSelCourse"><br>
    <input type="text" name="sucURL" value="/student/selCourse/studentSel/selcourse_ok.jsp?courseId=${课程代码}"><br>
    <input type="text" name="failURL" value="${teachclasslist}?courseId=${课程代码}"><br>
    <input type="submit" value="提交" class="submit">
</form>
`;
        var ele = document.createElement('div');
        ele.innerHTML = html;
        document.body.appendChild(ele);
        ele.querySelector(`.submit`).click();
        ele.parentElement.removeChild(ele);
    };

    // 所有课程列表
    if (location.pathname == '/student/selCourse/mycourselist.jsp') {
        var 可以选班级列表 = [...document.querySelectorAll(`tr`)].filter(
            (x) => x.querySelectorAll(`td`).length == 14
        );
        可以选班级列表.map((e) => {
            var lstd = [...e.querySelectorAll('td')];
            var [
                课程序号,
                课程名称,
                课程代码,
                课程类型,
                学分,
                授课老师,
                上课时间,
                上课地点,
                校区,
                计划人数,
                已选人数,
                挂牌,
                配课班,
                备注,
            ] = lstd.map((e) => e.textContent.trim());
            lstd[0].innerHTML = `<a href="${teachclasslist}?courseId=${课程代码}" alt="选这门课">${课程序号}</a>`;
            lstd[0].querySelector('a').addEventListener('click', (e) => {
                if (e.shiftKey || e.altKey) {
                    e.preventDefault();
                    var 学号 = ((e) => (e && e[1]) || '')(
                        document.cookie.match(/jwc_share_cookie=(\w+)\b/)
                    );
                    if (e.altKey) {
                        学号 = prompt('输入需要选课的人的学号', 学号);
                    }
                    学号 && 选课(课程序号, 课程代码, 学号, 1);
                }
            });
            lstd[2].innerHTML = `<a href="${teachclasslist}?courseId=${课程代码}" target="_BLANK" alt="打开选课页面">${课程代码}</a>`;
        });
    }

    // 个人教学计划
    if (location.pathname == '/student/graduate/viewcreditdetail.jsp') {
        /* var 计划课程列表 = [...document.querySelectorAll(`tr`)].filter(
            x => x.querySelectorAll(`td[colspan="13"]`).length == 13
        ) */
        var 计划课程列表 = [...document.querySelectorAll(`tr`)].filter(
            (x) => x.querySelectorAll(`td:not([rowspan])`).length == 13
        );
        var 已修学分 = 0,
            已修学分绩点 = 0;
        var 已修必修学分 = 0,
            已修必修学分绩点 = 0;
        var 已修选修学分 = 0,
            已修选修学分绩点 = 0;
        var 分类 = '';
        var 课程情况表 = 计划课程列表.map((e) => {
            var 分类单元格 = e.querySelector('td[rowspan]');
            分类单元格 && (分类 = 分类单元格.innerText.trim());
            var 单元格表 = [...e.querySelectorAll('td:not([rowspan])')];
            var [
                课程代码,
                课程名称,
                性质,
                公选性质,
                学分,
                成绩,
                绩点,
                重修次数,
                完成情况,
                替代情况,
                计划学期,
                修读学年学期,
                备注,
            ] = 单元格表.map((e) => e.textContent.trim());
            return {
                分类,
                课程代码,
                课程名称,
                性质,
                公选性质,
                学分,
                成绩,
                绩点,
                重修次数,
                完成情况,
                替代情况,
                计划学期,
                修读学年学期,
                备注,
                单元格表,
            };
        });

        课程情况表.map(
            ({ 单元格表, 课程代码 }) =>
                (单元格表[0].innerHTML = `<a href="${teachclasslist}?courseId=${课程代码}" target="_BLANK" alt="打开选课页面">${课程代码}</a>`)
        );
        var 百分位 = (x) => ((x * 100) | 0) / 100;
        var 计算学分情况 = (课程情况表) => {
            var 课程情况表已修 = 课程情况表.filter(({ 绩点 }) => 绩点);
            var 课程情况表已通过 = 课程情况表已修.filter(
                ({ 完成情况 }) => 完成情况 === '已通过'
            );

            var 可修学分 = 求和(课程情况表.map(({ 学分 }) => +学分));
            var 课程数量 = 课程情况表.length;

            var 已修学分 = 求和(课程情况表已修.map(({ 学分 }) => +学分));
            var 已修学分绩点 = 求和(
                课程情况表已修.map(({ 绩点, 学分 }) => +绩点 * +学分)
            );
            var 已通过平均绩点 = 已修学分绩点 / 已修学分;

            var 已通过学分 = 求和(课程情况表已通过.map(({ 学分 }) => +学分));
            var 已通过学分绩点 = 求和(
                课程情况表已通过.map(({ 绩点, 学分 }) => +绩点 * +学分)
            );
            var 已通过平均绩点 = 已通过学分绩点 / 已通过学分;

            return {
                课程数量,
                可修学分,
                已修学分,
                已通过平均绩点,
                已通过学分,
                已通过平均绩点,
            };
        };
        var 输出学分 = ({ 已通过学分, 可修学分, 已通过平均绩点 }) =>
            `已修学分/可修学分：${已通过学分}/${可修学分} \t 平均绩点：${百分位(
                已通过平均绩点
            )}`;

        var 学分情况所有课程 = 计算学分情况(课程情况表);
        var 已修学分 = 学分情况所有课程.已修学分;
        var 修读情况所有课程 = 输出学分(学分情况所有课程);
        var 修读情况按学期 = 划分以(({ 修读学年学期 }) => 修读学年学期)(
            课程情况表
        )
            .filter((子课程情况表) => 子课程情况表[0].修读学年学期)
            .map(
                (子课程情况表) =>
                    `${子课程情况表[0].修读学年学期}修读情况：${输出学分(
                        计算学分情况(子课程情况表)
                    )}`
            )
            .join('<br>');
        var 修读情况按分类 = 划分以(({ 分类 }) => 分类)(课程情况表)
            .filter((子课程情况表) => 子课程情况表[0].分类)
            .map(
                (子课程情况表) =>
                    `${子课程情况表[0].分类}修读情况：${输出学分(
                        计算学分情况(子课程情况表)
                    )}`
            )
            .join('<br>');

        var 修读情况 = [
            '总修读情况：<br>' + 修读情况所有课程,
            '修读情况按学期：<br>' + 修读情况按学期,
            '修读情况按分类：<br>' + 修读情况按分类,
        ].join('<br><br>');
        // var 修读情况按性质 = 划分以(({性质})=>性质)(课程情况表).map(子课程情况=>`${子课程情况[0].性质}课程修读情况：${计算学分情况(子课程情况)}`)

        document.querySelector('b').parentElement.innerHTML = `
<b>个人计划完成情况</b>
<div style="text-align:left">${修读情况}</div>
<div>注：所谓绩点提高空间，就是指若将这门课立刻重修得到100分的总评成绩，可以提升多少点平均绩点。这个值并不包含目前没有修读的课程，只是作为一个你当前各科目的相对短板程度的参考指标。</div>
`.trim();
        课程情况表.map(({ 学分, 成绩, 绩点, 单元格表 }) => {
            if (成绩) {
                var 绩点提高空间 = (5 - 绩点) * 学分;
                单元格表[12].innerHTML =
                    '绩点提高空间：' +
                    百分位(绩点提高空间 / 已修学分) +
                    ' ' +
                    [...Array(0 | 绩点提高空间)].join('|') +
                    '<br>' +
                    单元格表[12].innerHTML;
            }
        });
    }

    // 绩点
    if (location.pathname === '/student/graduate/scorepoint.jsp') {
        window.getSelVal = (obj) => {
            var ops = obj.options || obj[0].options;
            for (var i = 0; i < ops.length; i++) {
                if (ops[i].selected) {
                    return ops[i].value;
                }
            }
            return '';
        };
    }

    if (
        location.hostname === 'sam1.sit.edu.cn' &&
        location.pathname === '/menu.jsp'
    ) {
        [...document.querySelectorAll('a')].map((e) => {
            try {
                var href = e.attributes.onclick.textContent.match(
                    /javascript:loadMask\(["'](.*?)["']/
                )[1];
                e.setAttribute('href', href);
                e.setAttribute('target', 'main');
            } catch (e) {}
        });
    }

    // 增加表格排序/筛选功能（还有些bug..)

    // todo：支持 <thead>

    if (document.querySelector('table') !== null) {
        var 元素移到尾部 = (e) =>
            e.parentElement.appendChild(e.parentElement.removeChild(e));
        var 混合排序按 = (值函数) => (列) =>
            列.sort((a, b) => {
                [a, b] = [a, b].map(值函数);
                var c = isFinite(a),
                    d = isFinite(b);
                return (
                    (c != d && d - c) ||
                    (c && d && a - b) ||
                    ('' + a).localeCompare(b)
                );
            });

        var 取表头表行 = (表) => {
            var 表行列 = [...表.querySelector('tbody').children]; // [ <tr>, <tr>, ... ]
            // var 表行列 = [...表.querySelectorAll("tbody>tr")]
            if (表行列.length <= 2) return {};

            var 表头行 = 表行列.shift();
            var 表头单元列 = [...表头行.querySelectorAll('th, td')].filter(
                (e) => e.parentElement == 表头行
            );

            if (表头单元列.length == 1) {
                表头行 = 表行列.shift();
                表头单元列 = [...表头行.querySelectorAll('th, td')].filter(
                    (e) => e.parentElement == 表头行
                );
            }
            if (表头单元列.length <= 1) return {};
            // console.log(表, 表头单元列.map(e=>e.textContent))
            return { 表头单元列, 表行列 };
        };
        var 使可排序 = (表) => {
            var { 表头单元列, 表行列 } = 取表头表行(表);
            表头单元列 &&
                表头单元列.map((表头单元, 序数) => {
                    var btn = Object.assign(document.createElement('button'), {
                        textContent: '^',
                        title: '点击按此列排序',
                        className: '表格排序筛选-btn',
                    });
                    btn.addEventListener('click', () => {
                        var 有序表行 = 混合排序按(
                            (e) =>
                                e.children[序数] && e.children[序数].textContent
                        )(表行列);
                        有序表行.map(元素移到尾部);
                    });

                    // 为按钮预留空间
                    // 如果单位不是 px，就说明时代变了，宽度应该没问题了
                    if (
                        表头单元.style.width &&
                        表头单元.style.width.endsWith('px')
                    ) {
                        var 表头单元宽度数字 = Number.parseInt(
                            表头单元.style.width.slice(0, -2)
                        );
                        if (
                            Number.isInteger(表头单元宽度数字) &&
                            表头单元宽度数字 <= 32
                        ) {
                            表头单元.style.width =
                                (表头单元宽度数字 + 16).toString() + 'px';
                        }
                    }

                    表头单元.appendChild(btn);
                });
            return 表;
        };

        var 使可筛选 = (表) => {
            var { 表头单元列, 表行列 } = 取表头表行(表);
            if (!表头单元列) return 表;
            var 筛选框列 = 表头单元列.map((表头单元, 序数) => {
                var input = Object.assign(document.createElement('input'), {
                    title: '输入按此列筛选',
                    className: '表格排序筛选-input',
                });
                表头单元.appendChild(input);
                return input;
            });
            var 设置隐藏 = (e, h) =>
                h
                    ? (e.style.display = 'none')
                    : e.style.removeProperty('display');
            var 刷新隐藏 = () =>
                表行列.forEach((tr) => {
                    var 取内容 = (e, 序数) =>
                        e.children[序数] && e.children[序数].textContent;
                    var 是否隐藏 = !!筛选框列.filter(
                        (筛选框, 序数) =>
                            筛选框.value &&
                            !取内容(tr, 序数)
                                .toLowerCase()
                                .match(筛选框.value.toLowerCase())
                    ).length;
                    设置隐藏(tr, 是否隐藏);
                });
            筛选框列.map((e) => e.addEventListener('input', 刷新隐藏));
            return 表;
        };

        var 样式 = document.createElement('style');
        document.head.appendChild(样式).textContent = `
.表格排序筛选-btn {
    float: right;
    margin-left: .5ch;
    padding: 0;
    border: 1px solid currentColor;
    font-size: smaller;
    line-height: 1;
}

.表格排序筛选-input {
    width: 100%;
    margin-top: .5ex;
    border: 1px solid currentColor;
    transition: width ease 125ms;
}
`.trim();

        [...document.querySelectorAll('table')].map(使可排序).map(使可筛选);
    }
})();