Skip to content

65 添加快速跳转至exambase #66

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Karis004 merged 4 commits into from
May 24, 2025
Merged

65 添加快速跳转至exambase #66

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
fab2db6
feat: 添加跳转到考试基地的功能，并优化相关样式和动画效果
Karis004 May 14, 2025
c151a89
feat: 优化跳转到考试基地的功能，添加动态效果和样式调整
Karis004 May 17, 2025
3e9b86e
feat: 添加exam base按钮，优化用户设置界面，支持动态存储选项
Karis004 May 24, 2025
b94f135
Update scripts/moodle/js/content.js
Karis004 May 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 8 additions & 1 deletion scripts/lib/elements.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -269,4 +269,11 @@ window.elements.Link = function (custom, inner) {
let linkContainer = document.createElement("link");
return linkContainer;
});
}
}

window.elements.Label = function (custom, inner) {
return ezReactElements.createElement(custom, inner, () => {
let labelContainer = document.createElement("label");
return labelContainer;
});
};
271 changes: 224 additions & 47 deletions scripts/moodle/js/content.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,53 +9,53 @@ function get_psb() {
}
}
var psb_list = new window.courseType.CourseCodeList();
var dates = document.querySelectorAll(".categoryname");
if (data.course_code_list) {
var course_code_list =
window.courseType.courseCodeListFromStorage(
data.course_code_list
);
} else {
var course_code_list = new window.courseType.CourseCodeList();
}
const currentDate = new Date();
const year = currentDate.getFullYear();
const month = currentDate.getMonth();
let startYear, endYear;
if (month < 7) {
startYear = year-1;
endYear = year;
} else {
startYear = year;
endYear = year + 1;
}
let yearRange = `${startYear}-${endYear.toString().slice(-2)}`;
console.log({yearRange});
for (let i = 0; i < dates.length; i++) {
let date = dates[i];
if (date.innerText == yearRange) {
var course_div =
date.parentNode.previousElementSibling
.firstElementChild;
var title = course_div.innerText;
if (course_code_list.findCourseByTitle(title)) {
console.log("already added:", title);
continue;
}
var code = title.substring(0, 8);
var detail = title.substring(9);
var url = course_div.href;
var course = new window.courseType.Course(
title,
code,
detail,
url
);
psb_list.addCourse(course);
var dates = document.querySelectorAll(".categoryname");
if (data.course_code_list) {
var course_code_list =
window.courseType.courseCodeListFromStorage(
data.course_code_list
);
} else {
var course_code_list = new window.courseType.CourseCodeList();
}
const currentDate = new Date();
const year = currentDate.getFullYear();
const month = currentDate.getMonth();
let startYear, endYear;
if (month < 7) {
startYear = year - 1;
endYear = year;
} else {
startYear = year;
endYear = year + 1;
}
let yearRange = `${startYear}-${endYear.toString().slice(-2)}`;
console.log({ yearRange });
for (let i = 0; i < dates.length; i++) {
let date = dates[i];
if (date.innerText == yearRange) {
var course_div =
date.parentNode.previousElementSibling
.firstElementChild;
var title = course_div.innerText;
if (course_code_list.findCourseByTitle(title)) {
console.log("already added:", title);
continue;
}
var code = title.substring(0, 8);
var detail = title.substring(9);
var url = course_div.href;
var course = new window.courseType.Course(
title,
code,
detail,
url
);
psb_list.addCourse(course);
}
chrome.storage.sync.set({ psb_list: psb_list });
console.log("psb:", psb_list);
}
chrome.storage.sync.set({ psb_list: psb_list });
console.log("psb:", psb_list);
});
}

Expand Down Expand Up @@ -259,6 +259,182 @@ function CourePage_handler() {
});
}

function jumpToExamBase() {
const className = document.querySelector(".h2.mb-0").textContent.substring(0, 8);

const currentDate = new Date();
const year = currentDate.getFullYear();

const jumpTabFixed = document.createElement("li");
jumpTabFixed.classList.add("nav-item");
jumpTabFixed.id = "jump-to-exam-base-fixed";

const jumpTabFixedInner = document.createElement("a");
jumpTabFixedInner.innerText = "Exam Base";
jumpTabFixedInner.classList.add("nav-link");
jumpTabFixed.appendChild(jumpTabFixedInner);

jumpTabFixed.addEventListener("click", () => {
window.open(
"https://exambase-lib-hku-hk.eproxy.lib.hku.hk/exhibits/show/exam/home?the_key=" + className + "&the_field=crs&fromYear=" + (year - 10).toString() + "&toYear=" + year.toString() + "&the_sem1=on&the_sem2=on&the_ptype1=on&the_ptype2=on&the_no_result=20&the_sort=t",
"_blank");
});

const navTabs = document.querySelectorAll("[id*='nav-tabs']")[0];
navTabs.appendChild(jumpTabFixed);

const jumpTab = document.createElement("div");
jumpTab.id = "jump-to-exam-base";
jumpTab.style.position = "fixed";
jumpTab.style.left = "50vw";
jumpTab.style.top = "30vh";
jumpTab.style.cursor = "pointer";
jumpTab.style.transition = "all 0.2s, filter 0.2s";
jumpTab.style.zIndex = 9999;
jumpTab.innerText = "✨ Exam Base ✨";

let fly = true;
jumpTab.addEventListener("click", () => {
const fixedRect = jumpTabFixed.getBoundingClientRect();
const jumpTabRect = jumpTab.getBoundingClientRect();
fly = false;
jumpTab.style.left = `${fixedRect.left + fixedRect.width / 2 - jumpTabRect.width / 2}px`;
jumpTab.style.top = `${fixedRect.top + fixedRect.height / 2 - jumpTabRect.height / 2}px`;
jumpTab.style.transition = "all 1s ease-in-out";
setTimeout(() => {
jumpTab.style.opacity = "0";
jumpTabFixed.style.opacity = "1";
}, 1000);
setTimeout(() => {
jumpTab.style.display = "none";
window.open(
"https://exambase-lib-hku-hk.eproxy.lib.hku.hk/exhibits/show/exam/home?the_key=" + className + "&the_field=crs&fromYear=" + (year - 10).toString() + "&toYear=" + year.toString() + "&the_sem1=on&the_sem2=on&the_ptype1=on&the_ptype2=on&the_no_result=20&the_sort=t",
"_blank");
}, 2000);
chrome.storage.sync.set({ ExamBaseFly: false });
});

const style = document.createElement('style');
style.textContent = `
#jump-to-exam-base {
position: relative;
font-weight: bold !important;
background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbow 3s ease infinite, pulse 1.5s infinite alternate;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}
#jump-to-exam-base::before {
content: "";
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
border-radius: 5px;
background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
background-size: 400% 400%;
z-index: -1;
filter: blur(8px);
animation: rainbow 3s ease infinite;
opacity: 0.7;
}
#jump-to-exam-base {
position: fixed !important;
transform: scale(1.1);
z-index: 9999;
margin: 0 5px;
pointer-events: auto;
}
@keyframes rainbow {
0% { background-position: 0% 50% }
50% { background-position: 100% 50% }
100% { background-position: 0% 50% }
}
@keyframes pulse {
0% { transform: scale(1); }
100% { transform: scale(1.1); }
}
`;
document.head.appendChild(style);
document.body.appendChild(jumpTab);

// 随机飘动动画
let vw = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
let vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
let pos = { x: vw / 2, y: vh / 3 };
let dx = (0.5 + 0.5 * Math.random()) * 10;
let dy = (0.5 + 0.5 * Math.random()) * 10;
let benchmark = { x: dx, y: dy };
console.log({ benchmark });

window.addEventListener('resize', () => {
vw = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
vh = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
});

setInterval(() => {
Copy link

Copilot AI May 24, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider using requestAnimationFrame for smoother and more efficient animations instead of setInterval with a fixed 50ms interval.

Suggested change
setInterval(() => {
function animate() {

Copilot uses AI. Check for mistakes.
if (fly) {
var rect = jumpTab.getBoundingClientRect();
pos.x += dx;
pos.y += dy;
if (pos.x < 0 || pos.x > vw - rect.width) {
dx = -dx;
pos.x = Math.max(0, Math.min(pos.x, vw - rect.width));
}
if (pos.y < 0 || pos.y > vh - rect.height) {
dy = -dy;
pos.y = Math.max(0, Math.min(pos.y, vh - rect.height));
}
dx = Math.abs(dx) > Math.abs(benchmark.x) ? dx * 0.8 : dx;
dy = Math.abs(dy) > Math.abs(benchmark.y) ? dy * 0.8 : dy;

jumpTab.style.left = pos.x + "px";
jumpTab.style.top = pos.y + "px";
}
}, 50);

var maxSpeed = 30;
document.addEventListener('mousemove', (e) => {
var rect = jumpTab.getBoundingClientRect();
if (Math.abs(e.clientX - (rect.left + rect.width / 2)) + Math.abs(e.clientY - (rect.top + rect.height / 2)) < 150) {
let deltaX = e.clientX - (rect.left + rect.width / 2);
let deltaY = e.clientY - (rect.top + rect.height / 2);
if (deltaX !== 0) {
dx = dx + -1 / deltaX * 150;
}
if (deltaY !== 0) {
dy = dy + -1 / deltaY * 150;
}
dx = Math.max(-maxSpeed, Math.min(dx, maxSpeed));
dy = Math.max(-maxSpeed, Math.min(dy, maxSpeed));
}
});


// 悬停时变大旋转
jumpTab.addEventListener('mouseenter', () => {
jumpTab.style.transform = 'scale(1.3) rotate(-10deg)';
jumpTab.style.filter = 'brightness(1.5)';
});
jumpTab.addEventListener('mouseleave', () => {
jumpTab.style.transform = 'scale(1.1)';
jumpTab.style.filter = '';
});

chrome.storage.sync.get(["ExamBaseFly"], (data) => {
if (data.ExamBaseFly) {
jumpTabFixed.style.opacity = "0";
jumpTab.style.display = "block";
} else {
jumpTabFixed.style.opacity = "1";
jumpTab.style.display = "none";
}
});
}

function popupOnStart() {
chrome.runtime
.sendMessage({
Expand All @@ -277,6 +453,7 @@ const route = () => {
if (currentURL.includes("moodle.hku.hk/course/view.php") || (currentURL.includes("https://moodle.hku.hk/mod/") && currentURL.includes("view.php"))) {
// 课程页面
CourePage_handler();
jumpToExamBase();
} else if (currentURL.includes("moodle.hku.hk/my/courses.php")) {
// my courses
CourseList_handler();
Expand All @@ -290,8 +467,8 @@ const route = () => {
get_psb();
initialize();
popupOnStart();
} ;
};

if (currentURL.includes("https://moodle.hku.hk/course/view.php?id=")) {
window.navigatorUtils.customizeCenter({
style: {
Expand Down
Loading