// ==UserScript==
// @name SIT上应教务系统兼容性修复
// @namespace snomiao@gmail.com
// @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(使可筛选);
}
})();
