chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: Implement course discovery page with category sidebar filtering.
Some checks failed
Build and Deploy Frontend Learner / Build Frontend Learner Docker Image (push) Failing after 1m13s
Details
Build and Deploy Frontend Learner / Deploy Frontend Learner to Server (push) Has been skipped
Details

Browse source
This commit is contained in:
supalerk-ar66 2026-02-10 11:08:10 +07:00
parent 1eeec4d22c
commit 8ba1239685
3 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
Frontend-Learner/components/discovery/CategorySidebar.vue
View file

@ -35,7 +35,6 @@ const getLocalizedText = (text: any) => {
<q-item <q-item
v-for="cat in showAllCategories ? categories : categories.slice(0, 4)" v-for="cat in showAllCategories ? categories : categories.slice(0, 4)"
:key="cat.id" :key="cat.id"
tag="label"
clickable clickable
v-ripple v-ripple
dense dense

10
Frontend-Learner/pages/browse/discovery.vue
View file

@ -165,10 +165,12 @@ onMounted(() => {
<!-- LEFT SIDEBAR: Category Filter --> <!-- LEFT SIDEBAR: Category Filter -->
<div class="w-full lg:w-64 flex-shrink-0 lg:sticky lg:top-24 z-10"> <div class="w-full lg:w-64 flex-shrink-0 lg:sticky lg:top-24 z-10">
<CategorySidebar <ClientOnly>
:categories="categories" <CategorySidebar
v-model="selectedCategoryIds" :categories="categories"
/> v-model="selectedCategoryIds"
/>
</ClientOnly>
</div> </div>
<!-- RIGHT CONTENT: Course Grid --> <!-- RIGHT CONTENT: Course Grid -->

6
Frontend-Learner/pages/classroom/learning.vue
View file

@ -411,8 +411,14 @@ const performSaveProgress = async (force: boolean = false, keepalive: boolean =
const isCompletedNow = res.success && (res.data?.is_completed || progressPercentage >= 0.95) const isCompletedNow = res.success && (res.data?.is_completed || progressPercentage >= 0.95)
if (isCompletedNow) { if (isCompletedNow) {
const wasAlreadyCompleted = lesson.progress?.is_completed
markLessonAsCompletedLocally(lesson.id) markLessonAsCompletedLocally(lesson.id)
if (lesson.progress) lesson.progress.is_completed = true if (lesson.progress) lesson.progress.is_completed = true
// If newly completed, reload course data to unlock next lesson in sidebar
if (!wasAlreadyCompleted) {
await loadCourseData()
}
} }
} catch (err) { } catch (err) {
console.error('Save progress failed', err) console.error('Save progress failed', err)