cyber-elx 1.1.11 → 1.2.0

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.
Files changed (10) hide show
  1. package/DEV_DOC/LoginRegisterPagesDev.md +12 -0
  2. package/DEV_DOC/PaymentPageDev.md +5 -0
  3. package/DEV_DOC/README.md +6 -0
  4. package/DEV_DOC/StudentCourseDetailPageDev.md +5 -1
  5. package/DEV_DOC/StudentCoursePlayerDev.md +5 -0
  6. package/DEV_DOC/StudentListCoursesPageDev.md +6 -0
  7. package/DEV_DOC/StudentMyCoursesPageDev.md +6 -0
  8. package/DEV_DOC/StudentProfileDev.md +854 -0
  9. package/DEV_DOC/StudentSessionsPageDev.md +939 -0
  10. package/package.json +1 -1
package/DEV_DOC/LoginRegisterPagesDev.md CHANGED
@@ -7,12 +7,14 @@
7
7
  - [Overview](#overview)
8
8
  - [Login Page](#login-page)
9
9
  - [Component Structure](#component-structure)
10
+ - [Project Colors](#project-colors)
10
11
  - [Available Props](#available-props)
11
12
  - [Login Flow Steps](#login-flow-steps)
12
13
  - [Events to Emit](#events-to-emit)
13
14
  - [Example Login Page:](#example-login-page)
14
15
  - [Register Page](#register-page)
15
16
  - [Component Structure](#component-structure-1)
17
+ - [Project Colors](#project-colors-1)
16
18
  - [Available Props](#available-props-1)
17
19
  - [inputsData Object](#inputsdata-object)
18
20
  - [Register Flow States](#register-flow-states)
@@ -49,6 +51,11 @@ The login component must export a module with:
49
51
  - `template` - HTML template string
50
52
  - `style` - CSS styles string (optional but recommended)
51
53
 
54
+ ### Project Colors
55
+
56
+ - Primary: `--elx-primary-color`
57
+ - Secondary: `--elx-secondary-color`
58
+
52
59
  ### Available Props
53
60
 
54
61
  | Prop | Type | Description |
@@ -287,6 +294,11 @@ The register component must export a module with:
287
294
  - `template` - HTML template string
288
295
  - `style` - CSS styles string (optional but recommended)
289
296
 
297
+ ### Project Colors
298
+
299
+ - Primary: `--elx-primary-color`
300
+ - Secondary: `--elx-secondary-color`
301
+
290
302
  ### Available Props
291
303
 
292
304
  | Prop | Type | Description |
package/DEV_DOC/PaymentPageDev.md CHANGED
@@ -7,6 +7,7 @@
7
7
  - [Overview](#overview)
8
8
  - [Payment Page](#payment-page)
9
9
  - [Component Structure](#component-structure)
10
+ - [Project Colors](#project-colors)
10
11
  - [Available Props](#available-props)
11
12
  - [course Object](#course-object)
12
13
  - [user Object](#user-object)
@@ -44,6 +45,10 @@ The payment component must export a module with:
44
45
  - `template` - HTML template string
45
46
  - `style` - CSS styles string (optional but recommended)
46
47
 
48
+ ### Project Colors
49
+
50
+ - Primary: `--elx-primary-color`
51
+ - Secondary: `--elx-secondary-color`
47
52
  ### Available Props
48
53
 
49
54
  | Prop | Type | Description |
package/DEV_DOC/README.md CHANGED
@@ -25,6 +25,12 @@ Custom Student List Courses page (course catalog). Displays categories grid, fea
25
25
  ### [StudentMyCoursesPageDev.md](StudentMyCoursesPageDev.md)
26
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.
27
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
+
31
+ ### [StudentSessionsPageDev.md](StudentSessionsPageDev.md)
32
+ Custom Student Sessions page (live sessions calendar). Self-contained component with no props — fetches sessions and teachers via API. Displays monthly calendar with color-coded session indicators, navigation arrows, and month dropdown. Session detail dialog shows teacher, time, duration, attached files, and join button with status logic (Join Now, Upcoming, Not Started, Ended).
33
+
28
34
  ### [StudentStartupDev.md](StudentStartupDev.md)
29
35
  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.
30
36
 
package/DEV_DOC/StudentCourseDetailPageDev.md CHANGED
@@ -21,6 +21,11 @@ The Student Course Detail Page is rendered when a student views a specific cours
21
21
 
22
22
  ## Student Course Detail Page
23
23
 
24
+ ### Project Colors
25
+
26
+ - Primary: `--elx-primary-color`
27
+ - Secondary: `--elx-secondary-color`
28
+
24
29
  ### Available Props
25
30
 
26
31
  | Prop | Type | Description |
@@ -29,7 +34,6 @@ The Student Course Detail Page is rendered when a student views a specific cours
29
34
  | `courseId` | String | The unique identifier of the course |
30
35
  | `onlineMode` | Boolean | Whether online payment is enabled |
31
36
  | `offlineMode` | Boolean | Whether offline/request mode is enabled |
32
- | `primaryColor` | String | The website's primary color (hex value) |
33
37
 
34
38
  ### The `course` Object
35
39
 
package/DEV_DOC/StudentCoursePlayerDev.md CHANGED
@@ -50,6 +50,11 @@ The Student Course Player is rendered when a student opens a course they are enr
50
50
  └─────────────────────────────────────────────────────────────────┘
51
51
  ```
52
52
 
53
+ ### Project Colors
54
+
55
+ - Primary: `--elx-primary-color`
56
+ - Secondary: `--elx-secondary-color`
57
+
53
58
  ### Available Props
54
59
 
55
60
  | Prop | Type | Description |
package/DEV_DOC/StudentListCoursesPageDev.md CHANGED
@@ -7,6 +7,7 @@
7
7
  - [Overview](#overview)
8
8
  - [Student List Courses Page](#student-list-courses-page)
9
9
  - [Component Structure](#component-structure)
10
+ - [Project Colors](#project-colors)
10
11
  - [Available Props](#available-props)
11
12
  - [allCategories Array](#allcategories-array)
12
13
  - [coursesList / promotedCourses Arrays](#courseslist--promotedcourses-arrays)
@@ -59,6 +60,11 @@ The component must export a module with:
59
60
  - `mounted` - Initialize slider width and resize listener
60
61
  - `beforeDestroy` - Clean up resize listener
61
62
 
63
+ ### Project Colors
64
+
65
+ - Primary: `--elx-primary-color`
66
+ - Secondary: `--elx-secondary-color`
67
+
62
68
  ### Available Props
63
69
 
64
70
  | Prop | Type | Description |
package/DEV_DOC/StudentMyCoursesPageDev.md CHANGED
@@ -7,6 +7,7 @@
7
7
  - [Overview](#overview)
8
8
  - [Student My Courses Page](#student-my-courses-page)
9
9
  - [Component Structure](#component-structure)
10
+ - [Project Colors](#project-colors)
10
11
  - [Available Props](#available-props)
11
12
  - [cardsInfos Array](#cardsinfos-array)
12
13
  - [courses Array](#courses-array)
@@ -50,6 +51,11 @@ The component must export a module with:
50
51
  - `data` - Local state (search field)
51
52
  - `computed` - Computed properties (filteredCourses, headers)
52
53
 
54
+ ### Project Colors
55
+
56
+ - Primary: `--elx-primary-color`
57
+ - Secondary: `--elx-secondary-color`
58
+
53
59
  ### Available Props
54
60
 
55
61
  | Prop | Type | Description |