@@ -691,6 +689,8 @@
const restrictStudent = "{{ restrict_student }}";
let projectData = {};
+ let classIds = {};
+ let studentIds = {};
let activeClass = "";
let activeStudent = "";
@@ -723,7 +723,10 @@
if (params.length > 0) url += '?' + params.join('&');
const response = await fetch(url);
- projectData = await response.json();
+ const res = await response.json();
+ projectData = res.projects;
+ classIds = res.class_ids;
+ studentIds = res.student_ids;
if (restrictClass && restrictStudent) {
activeClass = restrictClass;
@@ -735,6 +738,11 @@
} else {
renderClasses();
}
+
+ // Initialize link generator if elements are present on the page (not in restricted view)
+ if (document.getElementById("link-generator")) {
+ initLinkGenerator();
+ }
} catch (error) {
console.error("Error fetching projects:", error);
const targetId = (restrictClass && restrictStudent) ? 'project-list' :
@@ -746,6 +754,97 @@
}
}
+ // Initialize Share Link Generator
+ function initLinkGenerator() {
+ const classSelect = document.getElementById("gen-class-select");
+ if (!classSelect) return;
+
+ classSelect.innerHTML = '
';
+ const classes = Object.keys(projectData);
+ classes.forEach(cls => {
+ const opt = document.createElement("option");
+ opt.value = cls;
+ opt.textContent = cls;
+ classSelect.appendChild(opt);
+ });
+
+ classSelect.onchange = handleGeneratorClassChange;
+ }
+
+ function handleGeneratorClassChange() {
+ const classSelect = document.getElementById("gen-class-select");
+ const studentSelect = document.getElementById("gen-student-select");
+ const urlResult = document.getElementById("gen-url-result");
+
+ const selectedClass = classSelect.value;
+ studentSelect.innerHTML = '
';
+ urlResult.value = "";
+
+ if (!selectedClass) {
+ studentSelect.disabled = true;
+ return;
+ }
+
+ studentSelect.disabled = false;
+ const students = Object.keys(projectData[selectedClass] || {});
+ students.forEach(std => {
+ const opt = document.createElement("option");
+ opt.value = std;
+ opt.textContent = std;
+ studentSelect.appendChild(opt);
+ });
+
+ studentSelect.onchange = generateShareUrl;
+ generateShareUrl();
+ }
+
+ function generateShareUrl() {
+ const classSelect = document.getElementById("gen-class-select");
+ const studentSelect = document.getElementById("gen-student-select");
+ const urlResult = document.getElementById("gen-url-result");
+
+ const selectedClass = classSelect.value;
+ const selectedStudent = studentSelect.value;
+
+ if (!selectedClass) {
+ urlResult.value = "";
+ return;
+ }
+
+ const classId = classIds[selectedClass];
+ const baseUrl = window.location.origin;
+
+ if (selectedStudent) {
+ const studentKey = `${selectedClass}/${selectedStudent}`;
+ const studentId = studentIds[studentKey];
+ urlResult.value = `${baseUrl}/student/${classId}/${studentId}`;
+ } else {
+ urlResult.value = `${baseUrl}/class/${classId}`;
+ }
+ }
+
+ function copyGeneratedUrl() {
+ const urlResult = document.getElementById("gen-url-result");
+ const btnCopy = document.getElementById("btn-copy-url");
+
+ if (!urlResult.value) return;
+
+ urlResult.select();
+ urlResult.setSelectionRange(0, 99999);
+
+ navigator.clipboard.writeText(urlResult.value).then(() => {
+ const oldText = btnCopy.textContent;
+ btnCopy.textContent = "已複製！";
+ btnCopy.style.background = "#10b981";
+ setTimeout(() => {
+ btnCopy.textContent = oldText;
+ btnCopy.style.background = "";
+ }, 2000);
+ }).catch(err => {
+ console.error("Failed to copy:", err);
+ });
+ }
+
// Render Class Cards
function renderClasses() {
const classList = document.getElementById('class-list');
@@ -885,7 +984,11 @@
}
function launchProject(projectName) {
- const url = `/run/${encodeURIComponent(activeClass)}/${encodeURIComponent(activeStudent)}/${encodeURIComponent(projectName)}`;
+ const classId = classIds[activeClass] || activeClass;
+ const studentKey = `${activeClass}/${activeStudent}`;
+ const studentId = studentIds[studentKey] || activeStudent;
+
+ const url = `/run/${encodeURIComponent(classId)}/${encodeURIComponent(studentId)}/${encodeURIComponent(projectName)}`;
window.open(url, '_blank');
}
diff --git a/templates/player.html b/templates/player.html
index 0207e2163281f3404fa12eba32d73aefd260ba12..1c5ec76ea6eeab91040f36d001e64cbbf3f4918b 100644
--- a/templates/player.html
+++ b/templates/player.html
@@ -9,16 +9,14 @@
-
-
-
-