cyber-elx 1.1.10 → 1.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DEV_DOC/README.md +6 -0
- package/DEV_DOC/StudentCourseDetailPageDev.md +1 -1
- package/DEV_DOC/StudentCoursePlayerDev.md +700 -0
- package/DEV_DOC/StudentListCoursesPageDev.md +31 -7
- package/DEV_DOC/StudentMyCoursesPageDev.md +2 -2
- package/DEV_DOC/StudentProfileDev.md +835 -0
- package/package.json +1 -1
package/DEV_DOC/README.md
CHANGED
|
@@ -13,6 +13,9 @@ Custom Payment page for course enrollment. Handles guest vs logged-in user state
|
|
|
13
13
|
### [StudentCourseDetailPageDev.md](StudentCourseDetailPageDev.md)
|
|
14
14
|
Custom Student Course Detail page for viewing individual courses. Displays course cover, header with logo/name, description, and accordion-style curriculum with chapters and lessons. Features a sticky price card sidebar with promo pricing, course info, buy/request button, and expiration text. Includes video modal for free preview playback and responsive 2-column to 1-column layout.
|
|
15
15
|
|
|
16
|
+
### [StudentCoursePlayerDev.md](StudentCoursePlayerDev.md)
|
|
17
|
+
Custom Student Course Player for enrolled students. Two-panel layout with sidebar (course card, description/files tabs, accordion chapters with progress tracking) and viewer area (video player with custom controls). Non-video elements (quiz, pdf, iframe, youtube) are rendered via a named slot by the parent component. Supports mobile responsive view switching and RTL for Arabic locales.
|
|
18
|
+
|
|
16
19
|
### [StudentCssDev.md](StudentCssDev.md)
|
|
17
20
|
CSS customization guide for the Student Dashboard. Covers navbar styling (background color, profile button, dropdown menu) and sidebar styling (background, active items, hover effects, submenu items). Includes important notes about using `::before` for backgrounds and required `!important` overrides.
|
|
18
21
|
|
|
@@ -22,6 +25,9 @@ Custom Student List Courses page (course catalog). Displays categories grid, fea
|
|
|
22
25
|
### [StudentMyCoursesPageDev.md](StudentMyCoursesPageDev.md)
|
|
23
26
|
Custom Student My Courses page (student dashboard home). Shows statistics cards (total courses, completed, certificates), course list with progress bars, and certificate generation for completed courses. Documents the cardsInfos structure, courses array with progress tracking, and available translation keys.
|
|
24
27
|
|
|
28
|
+
### [StudentProfileDev.md](StudentProfileDev.md)
|
|
29
|
+
Custom Student Profile page for viewing and editing user information. Features view/edit mode toggle, profile image upload via CLoader component, name fields, grade selection (if enabled), and password change with real-time validation. Handles API calls to `/api/users/update_my_profile` and updates VueX store. Documents the `additionalFields` object for extensible user data.
|
|
30
|
+
|
|
25
31
|
### [StudentStartupDev.md](StudentStartupDev.md)
|
|
26
32
|
Available JavaScript variables for student-related customizations. Documents the student user object accessible via `$nuxt.$store.state.auth.user` including fields like id, name, email, phone, grade, and profile image.
|
|
27
33
|
|
|
@@ -123,7 +123,7 @@ The Student Course Detail Page is rendered when a student views a specific cours
|
|
|
123
123
|
- Expiration text
|
|
124
124
|
8. **Video Modal** - Overlay with video player for free previews
|
|
125
125
|
|
|
126
|
-
### Available translations
|
|
126
|
+
### Available translations (Use what you need)
|
|
127
127
|
|
|
128
128
|
- `courses-page.courses-list` → "Courses List"
|
|
129
129
|
- `courses-page.course-description` → "Course Description"
|