Version 0.1.1 rise to flask app factory

2025-08-27 19:39:38 +08:00
parent 8dba8688a7
commit 5c0187bc4b
55 changed files with 1708 additions and 613 deletions
--- a/Html/apps/static/js/dashboard.js
+++ b/Html/apps/static/js/dashboard.js
@@ -0,0 +1,125 @@
+// dashboard.js
+let courseData;
+function show_user_data(user_data, course_brief_data_list){
+    courseData = user_data.course_process_dict
+    for (let i=0;i<course_brief_data_list.length;i++){
+        course_brief_data = course_brief_data_list[i]
+        console.log(course_brief_data)
+        courseData[course_brief_data.course_id].course_id = course_brief_data.course_id;
+        courseData[course_brief_data.course_id].title = course_brief_data.course_name;
+        courseData[course_brief_data.course_id].lessons = course_brief_data.lessons;
+        courseData[course_brief_data.course_id].course_img_path = course_brief_data.course_img_path;
+        courseData[course_brief_data.course_id].course_description = course_brief_data.course_description;
+        courseData[course_brief_data.course_id].course_create_date = course_brief_data.course_create_date;
+        courseData[course_brief_data.course_id].course_update_data = course_brief_data.course_update_data;
+    }
+    for (var course in courseData){
+        courseData[course].chapters = courseData[course].lessons
+        console.log(courseData[course])
+    }
+
+    let courseCardsContainer = document.getElementById('course-cards');
+    courseCardsContainer.innerHTML = "";
+    for (var course in courseData){
+        course_id = course;
+        course = courseData[course];
+        let courseCard = document.createElement('div');
+        
+        courseCard.className = 'course-card';
+        courseCard.innerHTML = `
+            <img src="${course.course_img_path}" alt="课程封面", class="course-image">
+            <div class="course-info">
+                <h3>${course.title}</h3>
+                <p>${course.course_description}</p>
+            </div>
+            <button class="select-button" >查看目录</button>
+        `;
+        courseCardsContainer.appendChild(courseCard);
+        courseCard.data = course_id
+        courseCard.addEventListener('click',() => {
+            openCourseProgress(courseCard.data);
+        });
+    }
+}
+function openCourseProgress(courseId) {
+    console.log(courseId)
+    const course = courseData[courseId];
+    if (!course) return;
+
+    // 更新右侧滑出卡片的内容
+    document.getElementById('course-title').textContent = course.title;
+    ///////////////////////// course.progress;还没有计算
+    document.getElementById('progress').textContent = course.progress;
+
+    // 更新章节列表
+    const chapterList = document.getElementById('chapter-list');
+    chapterList.innerHTML = '';  // 清空之前的章节
+
+    course.chapters.forEach(chapter => {
+        const chapterItem = document.createElement('li');
+        chapterItem.classList.add('chapter-item');
+        
+        const chapterTitle = document.createElement('div');
+        chapterTitle.classList.add('chapter-title');
+        chapterTitle.textContent = chapter.lesson_id;
+        chapterItem.appendChild(chapterTitle);
+
+        // 创建子章节
+        if (chapter.subChapters && chapter.subChapters.length > 0) {
+            const subChapterList = document.createElement('ul');
+            subChapterList.classList.add('sub-chapter-list');
+
+            chapter.subChapters.forEach(subChapter => {
+                const subChapterItem = document.createElement('li');
+                subChapterItem.classList.add('sub-chapter-item');
+                subChapterItem.textContent = subChapter;
+                console.log('-------------------')
+                console.log(course)
+                // 查找学生进度
+                for(let i = 0; i < course.lesson_processs.length; i++) {
+                    if (course.lesson_processs[i][1] == chapter.lesson_id) {//确定lesson_id对应正确
+                        console.log('-------------------')
+                        console.log(course.lesson_processs[i][0])
+                        lesson_chapters_progress = course.lesson_processs[i][0];//寻找对应的每一个章节的进度
+                        for (let j=0; j<lesson_chapters_progress.length;j++){
+                            chapter_progress = lesson_chapters_progress[j]
+                            if(chapter_progress.title == subChapter){
+                                subChapterItem.textContent += ("（已"+(chapter_progress.is_rebuttal?"申辩" : "完成")+" 得分"+ (chapter_progress.is_rebuttal?chapter_progress.rebuttal_score : chapter_progress.score) +"）");
+                            }
+                        }
+                        if (course.lessons[i].progress === 1) {
+                            subChapterItem.classList.add('completed');
+                        }
+                        break;
+                    }
+                }
+
+                // 添加点击事件跳转到学习页面
+                subChapterItem.addEventListener('click', () => {
+                    const courseId = encodeURIComponent(course.course_id); // 对课程名称进行编码
+                    const url = `/desktop_nouser/${courseId}/${chapter.lesson_id}`;
+                    window.location.href = url;  // 跳转到该学习页面
+                });
+
+                subChapterList.appendChild(subChapterItem);
+            });
+
+            chapterItem.appendChild(subChapterList);
+
+            // 添加点击事件切换子章节显示
+            chapterItem.addEventListener('click', () => {
+                chapterItem.classList.toggle('open');
+            });
+        }
+
+        chapterList.appendChild(chapterItem);
+    });
+
+    // 打开滑出卡片
+    document.getElementById('courseProgress').classList.add('open');
+}
+
+function closeCourseProgress() {
+    // 关闭滑出卡片
+    document.getElementById('courseProgress').classList.remove('open');
+}