fcad-core-dragon 2.1.1 → 2.1.2

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 (160) hide show
  1. package/.editorconfig +7 -7
  2. package/.gitlab-ci.yml +124 -0
  3. package/.prettierrc +11 -11
  4. package/.vscode/extensions.json +8 -8
  5. package/.vscode/settings.json +46 -16
  6. package/CHANGELOG +520 -520
  7. package/README.md +57 -57
  8. package/documentation/.vitepress/config.js +114 -114
  9. package/documentation/api-examples.md +49 -49
  10. package/documentation/composants/app-base-button.md +58 -58
  11. package/documentation/composants/app-base-error-display.md +59 -59
  12. package/documentation/composants/app-base-popover.md +68 -68
  13. package/documentation/composants/app-comp-audio.md +75 -75
  14. package/documentation/composants/app-comp-branch-buttons.md +111 -111
  15. package/documentation/composants/app-comp-button-progress.md +53 -53
  16. package/documentation/composants/app-comp-carousel.md +53 -53
  17. package/documentation/composants/app-comp-container.md +53 -53
  18. package/documentation/composants/app-comp-input-checkbox-next.md +42 -42
  19. package/documentation/composants/app-comp-input-dropdown-next.md +34 -34
  20. package/documentation/composants/app-comp-input-radio-next.md +39 -39
  21. package/documentation/composants/app-comp-input-text-next.md +35 -35
  22. package/documentation/composants/app-comp-input-text-table-next.md +34 -34
  23. package/documentation/composants/app-comp-input-text-to-fill-dropdown-next.md +53 -53
  24. package/documentation/composants/app-comp-input-text-to-fill-next.md +31 -31
  25. package/documentation/composants/app-comp-jauge.md +31 -31
  26. package/documentation/composants/app-comp-menu-item.md +55 -55
  27. package/documentation/composants/app-comp-menu.md +29 -29
  28. package/documentation/composants/app-comp-navigation.md +41 -41
  29. package/documentation/composants/app-comp-note-call.md +53 -53
  30. package/documentation/composants/app-comp-note-credit.md +53 -53
  31. package/documentation/composants/app-comp-play-bar-next.md +53 -53
  32. package/documentation/composants/app-comp-pop-up-next.md +93 -93
  33. package/documentation/composants/app-comp-quiz-next.md +235 -235
  34. package/documentation/composants/app-comp-quiz-recall.md +53 -53
  35. package/documentation/composants/app-comp-svg-next.md +53 -53
  36. package/documentation/composants/app-comp-table-of-content.md +50 -50
  37. package/documentation/composants/app-comp-video-player.md +82 -82
  38. package/documentation/composants.md +46 -46
  39. package/documentation/composants_critiques/ModelPageComposant.md +53 -53
  40. package/documentation/composants_critiques/app-base-module.md +43 -43
  41. package/documentation/composants_critiques/app-base-page.md +48 -48
  42. package/documentation/composants_critiques/app-base.md +311 -311
  43. package/documentation/composants_critiques/main.md +15 -15
  44. package/documentation/demarrage.md +50 -50
  45. package/documentation/deploiement.md +57 -57
  46. package/documentation/index.md +33 -33
  47. package/documentation/markdown-examples.md +85 -85
  48. package/documentation/public/vite.svg +14 -14
  49. package/documentation/public/vuejs.svg +1 -1
  50. package/documentation/public/vuetify.svg +5 -5
  51. package/eslint.config.js +60 -60
  52. package/junit-report.xml +182 -0
  53. package/package.json +66 -59
  54. package/playwright/index.html +12 -0
  55. package/playwright/index.js +21 -0
  56. package/playwright-ct.config.js +95 -0
  57. package/src/$locales/en.json +157 -157
  58. package/src/$locales/fr.json +120 -120
  59. package/src/assets/data/onboardingMessages.json +47 -47
  60. package/src/components/AppBase.vue +1171 -1169
  61. package/src/components/AppBaseButton.vue +90 -95
  62. package/src/components/AppBaseErrorDisplay.vue +438 -438
  63. package/src/components/AppBaseFlipCard.vue +84 -84
  64. package/src/components/AppBaseModule.vue +1639 -1634
  65. package/src/components/AppBasePage.vue +867 -866
  66. package/src/components/AppBasePopover.vue +41 -41
  67. package/src/components/AppBaseSkeleton.vue +66 -66
  68. package/src/components/AppCompAudio.vue +261 -256
  69. package/src/components/AppCompBranchButtons.vue +508 -508
  70. package/src/components/AppCompButtonProgress.vue +137 -132
  71. package/src/components/AppCompCarousel.vue +342 -336
  72. package/src/components/AppCompContainer.vue +29 -29
  73. package/src/components/AppCompInputCheckBoxNx.vue +325 -323
  74. package/src/components/AppCompInputDropdownNx.vue +302 -299
  75. package/src/components/AppCompInputRadioNx.vue +287 -284
  76. package/src/components/AppCompInputTextNx.vue +156 -153
  77. package/src/components/AppCompInputTextTableNx.vue +205 -202
  78. package/src/components/AppCompInputTextToFillDropdownNx.vue +343 -340
  79. package/src/components/AppCompInputTextToFillNx.vue +316 -313
  80. package/src/components/AppCompJauge.vue +81 -81
  81. package/src/components/AppCompMenu.vue +6 -1
  82. package/src/components/AppCompMenuItem.vue +246 -240
  83. package/src/components/AppCompNavigation.vue +977 -972
  84. package/src/components/AppCompNoteCall.vue +167 -161
  85. package/src/components/AppCompNoteCredit.vue +496 -491
  86. package/src/components/AppCompPlayBarNext.vue +2290 -2288
  87. package/src/components/AppCompPopUpNext.vue +508 -504
  88. package/src/components/AppCompQuizNext.vue +515 -510
  89. package/src/components/AppCompQuizRecall.vue +355 -350
  90. package/src/components/AppCompSVGNext.vue +346 -346
  91. package/src/components/AppCompSettingsMenu.vue +177 -172
  92. package/src/components/AppCompTableOfContent.vue +433 -427
  93. package/src/components/AppCompVideoPlayer.vue +377 -377
  94. package/src/components/AppCompViewDisplay.vue +6 -6
  95. package/src/components/BaseModule.vue +55 -55
  96. package/src/composables/useIdleDetector.js +56 -56
  97. package/src/composables/useQuiz.js +89 -89
  98. package/src/composables/useTimer.js +172 -172
  99. package/src/directives/nvdaFix.js +53 -53
  100. package/src/externalComps/ModuleView.vue +22 -22
  101. package/src/externalComps/SummaryView.vue +91 -91
  102. package/src/main.js +493 -476
  103. package/src/module/stores/appStore.js +960 -947
  104. package/src/module/xapi/ADL.js +520 -520
  105. package/src/module/xapi/Crypto/Hasher.js +241 -241
  106. package/src/module/xapi/Crypto/WordArray.js +278 -278
  107. package/src/module/xapi/Crypto/algorithms/BufferedBlockAlgorithm.js +103 -103
  108. package/src/module/xapi/Crypto/algorithms/C_algo.js +315 -315
  109. package/src/module/xapi/Crypto/algorithms/HMAC.js +9 -9
  110. package/src/module/xapi/Crypto/algorithms/SHA1.js +9 -9
  111. package/src/module/xapi/Crypto/encoders/Base.js +105 -105
  112. package/src/module/xapi/Crypto/encoders/Base64.js +99 -99
  113. package/src/module/xapi/Crypto/encoders/Hex.js +61 -61
  114. package/src/module/xapi/Crypto/encoders/Latin1.js +61 -61
  115. package/src/module/xapi/Crypto/encoders/Utf8.js +45 -45
  116. package/src/module/xapi/Crypto/index.js +53 -53
  117. package/src/module/xapi/Statement/activity.js +47 -47
  118. package/src/module/xapi/Statement/agent.js +55 -55
  119. package/src/module/xapi/Statement/group.js +26 -26
  120. package/src/module/xapi/Statement/index.js +259 -259
  121. package/src/module/xapi/Statement/statement.js +253 -253
  122. package/src/module/xapi/Statement/statementRef.js +23 -23
  123. package/src/module/xapi/Statement/substatement.js +22 -22
  124. package/src/module/xapi/Statement/verb.js +36 -36
  125. package/src/module/xapi/activitytypes.js +17 -17
  126. package/src/module/xapi/launch.js +157 -157
  127. package/src/module/xapi/utils.js +167 -167
  128. package/src/module/xapi/verbs.js +294 -294
  129. package/src/module/xapi/wrapper.js +1895 -1895
  130. package/src/module/xapi/xapiStatement.js +444 -444
  131. package/src/plugins/analytics.js +34 -34
  132. package/src/plugins/bus.js +12 -8
  133. package/src/plugins/gsap.js +17 -17
  134. package/src/plugins/helper.js +355 -358
  135. package/src/plugins/i18n.js +27 -26
  136. package/src/plugins/idb.js +227 -227
  137. package/src/plugins/save.js +37 -37
  138. package/src/plugins/scorm.js +287 -287
  139. package/src/plugins/xapi.js +11 -11
  140. package/src/public/index.html +33 -33
  141. package/src/router/index.js +57 -57
  142. package/src/router/routes.js +312 -312
  143. package/src/shared/generalfuncs.js +344 -344
  144. package/src/shared/validators.js +1018 -1018
  145. package/tests/component/AppBaseButton.spec.js +53 -0
  146. package/tests/component/pinia.spec.js +24 -0
  147. package/{src/components/tests__ → tests/unit}/AppBaseButton.spec.js +53 -53
  148. package/tests/unit/AppCompInputCheckBoxNx.spec.js +59 -0
  149. package/tests/unit/AppCompInputDropdownNx.spec.js +51 -0
  150. package/tests/unit/AppCompInputRadioNx.spec.js +59 -0
  151. package/tests/unit/AppCompInputTextNx.spec.js +44 -0
  152. package/tests/unit/AppCompInputTextTableNx.spec.js +77 -0
  153. package/tests/unit/AppCompInputTextToFillDropdownNx.spec.js +60 -0
  154. package/tests/unit/AppCompInputTextToFillNx.spec.js +45 -0
  155. package/tests/unit/AppCompQuizNext.spec.js +114 -0
  156. package/tests/unit/AppCompVideoPlayer.spec.js +177 -0
  157. package/{src/components/tests__ → tests/unit}/useTimer.spec.js +91 -91
  158. package/vitest.config.js +28 -19
  159. package/vitest.setup.js +28 -0
  160. package/src/components/AppBaseButton.test.js +0 -21
@@ -1,34 +1,34 @@
1
- # Input Text table
2
-
3
- Composant de groupe de listes déroulantes.
4
-
5
- ## Aperçu
6
-
7
- Présente des éléments interactifs sous forme d'un groupe de listes déroulantes. Ce composant est un **élément de base du [composant Quiz](../guide_api/CompQuiz.html)** et est directement utilisé pour la création de quiz de type textes sélectionnables groupées.
8
-
9
- ## Référence du composant
10
-
11
- **AppCompInputTextTable**
12
-
13
- ## Comportement
14
-
15
- Le composant reçoit les informations passés en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments de type liste déroulante.
16
-
17
- ## Paramètre
18
-
19
- Voici les éléments par défaut du text box.
20
-
21
- ### Props
22
-
23
- | Propriété | Type | Description | valeur par défaut |
24
- |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
25
- | :class | Object | Ajoute et retire la classe au click / classe de rétroaction lorsque le quiz est valider | reponseSelectionner, wrong_answer, correct_answer |
26
-
27
-
28
- ## Style
29
-
30
- ## Accessibilité
31
-
32
- Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
33
-
34
-
1
+ # Input Text table
2
+
3
+ Composant de groupe de listes déroulantes.
4
+
5
+ ## Aperçu
6
+
7
+ Présente des éléments interactifs sous forme d'un groupe de listes déroulantes. Ce composant est un **élément de base du [composant Quiz](../guide_api/CompQuiz.html)** et est directement utilisé pour la création de quiz de type textes sélectionnables groupées.
8
+
9
+ ## Référence du composant
10
+
11
+ **AppCompInputTextTable**
12
+
13
+ ## Comportement
14
+
15
+ Le composant reçoit les informations passés en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments de type liste déroulante.
16
+
17
+ ## Paramètre
18
+
19
+ Voici les éléments par défaut du text box.
20
+
21
+ ### Props
22
+
23
+ | Propriété | Type | Description | valeur par défaut |
24
+ |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
25
+ | :class | Object | Ajoute et retire la classe au click / classe de rétroaction lorsque le quiz est valider | reponseSelectionner, wrong_answer, correct_answer |
26
+
27
+
28
+ ## Style
29
+
30
+ ## Accessibilité
31
+
32
+ Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
33
+
34
+
@@ -1,53 +1,53 @@
1
- ---
2
- title: Model de page
3
-
4
- ---
5
- ::: warning 🚩 Important
6
- Utilisez ce model comme depart pour écrire la page de votre composant:
7
-
8
- 1) Copiez /dubliquez cette page
9
- 2) Renommez votre copie avec le nom de votre composant
10
- 3) Édtitez la page en rempliçant les sections qui conserne votre composant.
11
- :::
12
-
13
-
14
- Composant pour ....
15
-
16
- ## Aperçu
17
-
18
- Le composant permet de...
19
- Et culpa explicabo est amet voluptas qui fuga deleniti. Sed consectetur minus aut animi modi sed natus pariatur.
20
-
21
- ## Comportement
22
-
23
- Lorem ipsum dolor sit amet. At quas quis qui velit tenetur aut suscipit error id iure doloremque ad velit explicabo. Sit repellat praesentium aut perferendis illum qui omnis recusandae est explicabo dolores in quia tempore qui totam velit.
24
-
25
- ## Référence du composant
26
-
27
- **ModelComposantPage** `<model-composant/>`
28
-
29
-
30
- ## Paramètre
31
-
32
- Aucun paramètre n'est nécessaire pour ce composant.
33
-
34
- ### Props
35
-
36
- | Propriété | Type | Description | valeur par défaut |
37
- |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
38
- | page | Object | données brutes de la page à créer | Doit contenir au minimum les valeurs suivantes: `{id, type, activityRef }`. Référez-vous à la section sur la [création de page](/guide/pageType.html#qu-est-ce-qu-une-page) pour une liste exhaustive des valeurs de la propriété. |
39
-
40
- ### Slots
41
- `content`[named-slot] - Eos nemo officiis a ducimus officiis aut delectus obcaecati qui dolor consequatur.
42
-
43
-
44
- ## Style
45
-
46
- `nomde class`[class]
47
-
48
- Aucune manipulation requise.
49
-
50
-
51
- ## Accessibilité
52
- Aucune manipulation requise.
53
-
1
+ ---
2
+ title: Model de page
3
+
4
+ ---
5
+ ::: warning 🚩 Important
6
+ Utilisez ce model comme depart pour écrire la page de votre composant:
7
+
8
+ 1) Copiez /dubliquez cette page
9
+ 2) Renommez votre copie avec le nom de votre composant
10
+ 3) Édtitez la page en rempliçant les sections qui conserne votre composant.
11
+ :::
12
+
13
+
14
+ Composant pour ....
15
+
16
+ ## Aperçu
17
+
18
+ Le composant permet de...
19
+ Et culpa explicabo est amet voluptas qui fuga deleniti. Sed consectetur minus aut animi modi sed natus pariatur.
20
+
21
+ ## Comportement
22
+
23
+ Lorem ipsum dolor sit amet. At quas quis qui velit tenetur aut suscipit error id iure doloremque ad velit explicabo. Sit repellat praesentium aut perferendis illum qui omnis recusandae est explicabo dolores in quia tempore qui totam velit.
24
+
25
+ ## Référence du composant
26
+
27
+ **ModelComposantPage** `<model-composant/>`
28
+
29
+
30
+ ## Paramètre
31
+
32
+ Aucun paramètre n'est nécessaire pour ce composant.
33
+
34
+ ### Props
35
+
36
+ | Propriété | Type | Description | valeur par défaut |
37
+ |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
38
+ | page | Object | données brutes de la page à créer | Doit contenir au minimum les valeurs suivantes: `{id, type, activityRef }`. Référez-vous à la section sur la [création de page](/guide/pageType.html#qu-est-ce-qu-une-page) pour une liste exhaustive des valeurs de la propriété. |
39
+
40
+ ### Slots
41
+ `content`[named-slot] - Eos nemo officiis a ducimus officiis aut delectus obcaecati qui dolor consequatur.
42
+
43
+
44
+ ## Style
45
+
46
+ `nomde class`[class]
47
+
48
+ Aucune manipulation requise.
49
+
50
+
51
+ ## Accessibilité
52
+ Aucune manipulation requise.
53
+
@@ -1,31 +1,31 @@
1
- # Input text to fill
2
-
3
- Composant tableau d'input zone de texte.
4
-
5
- ## Aperçu
6
-
7
- Présente des éléments interactifs sous forme de groupe d'input texte. Ce composant est un **élément de base du [composant Quiz](../guide_api/CompQuiz.html)** et est directement utilisé pour la création de quiz de type textes à trous.
8
-
9
- ## Référence du composant
10
-
11
- **AppCompInputTextToFill**
12
-
13
- ## Comportement
14
-
15
- Le composant reçoit les informations passés en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments d`input zone de texte.
16
-
17
-
18
- ## Paramètre
19
-
20
- ### Props
21
-
22
- Voici les éléments par défaut du text box.
23
-
24
- | Propriété | Type | Description | valeur par défaut |
25
- |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
26
- | :class | Object | Ajoute et retire la classe au click / classe de rétroaction lorsque le quiz est valider | reponseSelectionner, wrong_answer, correct_answer |
27
-
28
-
29
-
30
- ## Style
31
-
1
+ # Input text to fill
2
+
3
+ Composant tableau d'input zone de texte.
4
+
5
+ ## Aperçu
6
+
7
+ Présente des éléments interactifs sous forme de groupe d'input texte. Ce composant est un **élément de base du [composant Quiz](../guide_api/CompQuiz.html)** et est directement utilisé pour la création de quiz de type textes à trous.
8
+
9
+ ## Référence du composant
10
+
11
+ **AppCompInputTextToFill**
12
+
13
+ ## Comportement
14
+
15
+ Le composant reçoit les informations passés en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments d`input zone de texte.
16
+
17
+
18
+ ## Paramètre
19
+
20
+ ### Props
21
+
22
+ Voici les éléments par défaut du text box.
23
+
24
+ | Propriété | Type | Description | valeur par défaut |
25
+ |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
26
+ | :class | Object | Ajoute et retire la classe au click / classe de rétroaction lorsque le quiz est valider | reponseSelectionner, wrong_answer, correct_answer |
27
+
28
+
29
+
30
+ ## Style
31
+
@@ -1,31 +1,31 @@
1
- # Jauge
2
-
3
- Ce composant sert de marqueur de progression.
4
-
5
- ## Aperçu
6
-
7
- Ce composant affiche la progression sois en pourcentage.
8
-
9
- ## Comportement
10
-
11
- Par défaut, vous devez lui passé 2 donnés la valeur maximum et la valeur actuel. Vous pouvez lui dire d'afficher le résultat en pourcentage.
12
-
13
- ::: tip 💡 Note
14
-
15
- Pour l'instant ce composant est utiliser en synchronisation avec les items de menu.
16
- Vous pouvez vous y référé en cas de question.
17
- :::
18
-
19
-
20
- ## Paramètre
21
-
22
- Aucun paramètre n'est modifiable. L'apprence du composant peut être modifier par css seulement. Vous ne pouvez pas trouver à la struture de se composant.
23
-
24
-
25
- ## Style
26
-
27
- N/A
28
-
29
- ## Accessibilité
30
-
31
- Pour l'instant, il n'y a pas de critère d'accessibilité pour ce composant, puisqu'il n'est qu'esthétique.
1
+ # Jauge
2
+
3
+ Ce composant sert de marqueur de progression.
4
+
5
+ ## Aperçu
6
+
7
+ Ce composant affiche la progression sois en pourcentage.
8
+
9
+ ## Comportement
10
+
11
+ Par défaut, vous devez lui passé 2 donnés la valeur maximum et la valeur actuel. Vous pouvez lui dire d'afficher le résultat en pourcentage.
12
+
13
+ ::: tip 💡 Note
14
+
15
+ Pour l'instant ce composant est utiliser en synchronisation avec les items de menu.
16
+ Vous pouvez vous y référé en cas de question.
17
+ :::
18
+
19
+
20
+ ## Paramètre
21
+
22
+ Aucun paramètre n'est modifiable. L'apprence du composant peut être modifier par css seulement. Vous ne pouvez pas trouver à la struture de se composant.
23
+
24
+
25
+ ## Style
26
+
27
+ N/A
28
+
29
+ ## Accessibilité
30
+
31
+ Pour l'instant, il n'y a pas de critère d'accessibilité pour ce composant, puisqu'il n'est qu'esthétique.
@@ -1,55 +1,55 @@
1
- # Menu item
2
-
3
- Ce composant aide la création de la page de menu et crée la présentation des activités.
4
-
5
- ## Aperçu
6
-
7
- Par défaut, crée une cartes par activité présente dans le *paquage* scorm avec le numéro de l'activité.
8
-
9
- ## Comportement
10
-
11
- Affiche une carte par activité présente dans le *paquage* scorm. La carte contient :
12
-
13
- - Le nom de l'activité et son numéro d'activité
14
-
15
- - Le temps de l'activité
16
- - Une jauge de progression
17
-
18
- La carte se remplie à l'aide d'un tableau d'objet déclaré dans le fichier `menu.setting.js`
19
- S'il manque une clé ou une information n'est pas valide, l'application affiche une page blanche et la console vous retourneras une erreure.
20
-
21
- Ce composant est connecter directement avec la composant CompJauge, vous pouvez consulter son comportement [ici](./CompJauge).
22
-
23
- Au clique du composant, il redirige vers la permière pas de l'activité.
24
-
25
- ## Paramètre
26
-
27
- Voici un extrait du fichier `menu.setting.js` à titre d'exemple :
28
-
29
- ```vue
30
- <script>
31
- A00: {
32
- title: 'Introduction',
33
- subTitle: 'ceci est un sous-titre',
34
- time: 'Durée : X minutes',
35
- anchors: [
36
- {
37
- anchorName: 'Moxxi',
38
- pageRef: 'P01',
39
- page: 'page_1'
40
- }
41
- ]
42
- },
43
- </script>
44
- ```
45
-
46
- Si vous avez déclarer dans `menu.setting.js` l'introActive, l'activité 00 s'affiche en tant que : Introduction. Le nom est changeable dans `menu.setting.js`.
47
-
48
-
49
- ## Style
50
-
51
- Vous ne pouvez pas ajouter des classes supplémentaires à l'objet lui même, mais vous pouvez ajouter des classes au conteneur (qui est une row). Les cartes ont tous les mêmes classes.
52
-
53
- ## Accessibilité
54
-
55
- Pour l'instant aucune action n'a été faite pour l'accessibilité.
1
+ # Menu item
2
+
3
+ Ce composant aide la création de la page de menu et crée la présentation des activités.
4
+
5
+ ## Aperçu
6
+
7
+ Par défaut, crée une cartes par activité présente dans le *paquage* scorm avec le numéro de l'activité.
8
+
9
+ ## Comportement
10
+
11
+ Affiche une carte par activité présente dans le *paquage* scorm. La carte contient :
12
+
13
+ - Le nom de l'activité et son numéro d'activité
14
+
15
+ - Le temps de l'activité
16
+ - Une jauge de progression
17
+
18
+ La carte se remplie à l'aide d'un tableau d'objet déclaré dans le fichier `menu.setting.js`
19
+ S'il manque une clé ou une information n'est pas valide, l'application affiche une page blanche et la console vous retourneras une erreure.
20
+
21
+ Ce composant est connecter directement avec la composant CompJauge, vous pouvez consulter son comportement [ici](./CompJauge).
22
+
23
+ Au clique du composant, il redirige vers la permière pas de l'activité.
24
+
25
+ ## Paramètre
26
+
27
+ Voici un extrait du fichier `menu.setting.js` à titre d'exemple :
28
+
29
+ ```vue
30
+ <script>
31
+ A00: {
32
+ title: 'Introduction',
33
+ subTitle: 'ceci est un sous-titre',
34
+ time: 'Durée : X minutes',
35
+ anchors: [
36
+ {
37
+ anchorName: 'Moxxi',
38
+ pageRef: 'P01',
39
+ page: 'page_1'
40
+ }
41
+ ]
42
+ },
43
+ </script>
44
+ ```
45
+
46
+ Si vous avez déclarer dans `menu.setting.js` l'introActive, l'activité 00 s'affiche en tant que : Introduction. Le nom est changeable dans `menu.setting.js`.
47
+
48
+
49
+ ## Style
50
+
51
+ Vous ne pouvez pas ajouter des classes supplémentaires à l'objet lui même, mais vous pouvez ajouter des classes au conteneur (qui est une row). Les cartes ont tous les mêmes classes.
52
+
53
+ ## Accessibilité
54
+
55
+ Pour l'instant aucune action n'a été faite pour l'accessibilité.
@@ -1,29 +1,29 @@
1
- # Menu
2
-
3
- Ce composant aide la création de la page de menu,créé les la présentaion des activités et créé une carte de présentation qui serre de bookmark.
4
-
5
- ## Aperçu
6
-
7
- Par défault, appelle le composant Menu item qui créé toute les activités. Il créé en simultanné une carte qui permet de retourner au dernière endroit visité.
8
-
9
- ## Comportement
10
-
11
- Appelle [Menu item](./CompMenuItem) pour créé les cartes des activités.
12
-
13
- Créé une carte qui permet de retourner à la dernière page visité. Si aucune activité n'a été visité, la carte redirige vers la premier page de la première activité.
14
-
15
- Pour créé le lien vers le dernière page visité, il regarde dans le store la dernière page enregistrer par celui-ci.
16
-
17
- Pour visiualiser le composant dans le template, il est présent de le dossier `Views` dans le fichier `SummaryView.vue`.
18
-
19
- ## Paramètre
20
-
21
- Pour l'instant aucune paramètre n'est demander.
22
-
23
- ## Style
24
-
25
- Vous pouvez ajouter une classe au conteur le plus haut. Les autres ne sont pas atteignable.
26
-
27
- ## Accessibilité
28
-
29
- Pour l'instant aucune action n'a été fait pour l'accessibilité.
1
+ # Menu
2
+
3
+ Ce composant aide la création de la page de menu,créé les la présentaion des activités et créé une carte de présentation qui serre de bookmark.
4
+
5
+ ## Aperçu
6
+
7
+ Par défault, appelle le composant Menu item qui créé toute les activités. Il créé en simultanné une carte qui permet de retourner au dernière endroit visité.
8
+
9
+ ## Comportement
10
+
11
+ Appelle [Menu item](./CompMenuItem) pour créé les cartes des activités.
12
+
13
+ Créé une carte qui permet de retourner à la dernière page visité. Si aucune activité n'a été visité, la carte redirige vers la premier page de la première activité.
14
+
15
+ Pour créé le lien vers le dernière page visité, il regarde dans le store la dernière page enregistrer par celui-ci.
16
+
17
+ Pour visiualiser le composant dans le template, il est présent de le dossier `Views` dans le fichier `SummaryView.vue`.
18
+
19
+ ## Paramètre
20
+
21
+ Pour l'instant aucune paramètre n'est demander.
22
+
23
+ ## Style
24
+
25
+ Vous pouvez ajouter une classe au conteur le plus haut. Les autres ne sont pas atteignable.
26
+
27
+ ## Accessibilité
28
+
29
+ Pour l'instant aucune action n'a été fait pour l'accessibilité.
@@ -1,41 +1,41 @@
1
- # Navigation
2
-
3
- Fait affiche le bare de navigation et les boutons du pas de page pour aller à la page suivante et la précédente.
4
-
5
- ## Aperçu
6
-
7
- La navigation comprend 3 boutons.
8
-
9
- - Le bouton de retour au sommaire (qui est dans la bare de navigation)
10
- - Le bouton pour aller à la page suivant
11
- - Le bouton pour aller à la page précédente
12
- - La pagination
13
-
14
- ## Comportement
15
-
16
- Affiche une barre a gauche de l'écran qui contient le bouton pour retourner au menu et d'autre fonctionalité (qui ne sont pas controler par navigation). Il affiche aussi les deux boutons de navigation (Suivant précédent) avec la pagination dans le page de la page écran.
17
-
18
- Le chemin de navigation par default est :
19
-
20
- - Au départ, de l'application on arrive sur le menu.
21
- - Lorsqu'on arrive la fin d'un activité on clique sur next. Un pop-up apparait avec 2 boutons un qui ramenere au menu et un qui redigire vers l'activité suivante.
22
- - Lorsqu'on est sur la dernière page et qu'on cliquer sur le bouton next. Un pop-up apprait avec un bouton qui ramene au menu et l'autre qui envoie à la prochain leçon.
23
-
24
- Tout les boutons s'auto-gère. Le contexte navigation est modifiable par les paramètres disponible dans `App.vue`.
25
-
26
- ## Paramètre
27
-
28
- | Propriété | Type | Description | valeur par défaut |
29
- |:----------|:-----------------|:------------------------------------------------|:-------|
30
- | No_menu | Bolean | Retire le menu. L'application redirige vers la premier page de l'activité. | false |
31
- | is_single_activity | Bolean | L'application est navigable seulement dans une seul activité (s'il y a plus d'un dossier d'activité l'apllication vous retourneras une erreure). Sur la dernière page, le bouton suviant est désactivé. | false |
32
- | auto_next_activity | Bolean | | false |
33
- | linkedResource | Object | Chemin vers la prochaine server leçon et lien https ver la prochaine leçon | url: 'pluginfile.php/24153/mod_tincanlaunch/content/index.html',id: 'https://projets.cegepadistance.ca/lrs-xapi/123123AA6001/M1L2' |
34
-
35
- ## Style
36
-
37
- N/A
38
-
39
- ## Accessibilité
40
-
41
- Pour l'instant aucune action n'a été faite pour l'accessibilité.
1
+ # Navigation
2
+
3
+ Fait affiche le bare de navigation et les boutons du pas de page pour aller à la page suivante et la précédente.
4
+
5
+ ## Aperçu
6
+
7
+ La navigation comprend 3 boutons.
8
+
9
+ - Le bouton de retour au sommaire (qui est dans la bare de navigation)
10
+ - Le bouton pour aller à la page suivant
11
+ - Le bouton pour aller à la page précédente
12
+ - La pagination
13
+
14
+ ## Comportement
15
+
16
+ Affiche une barre a gauche de l'écran qui contient le bouton pour retourner au menu et d'autre fonctionalité (qui ne sont pas controler par navigation). Il affiche aussi les deux boutons de navigation (Suivant précédent) avec la pagination dans le page de la page écran.
17
+
18
+ Le chemin de navigation par default est :
19
+
20
+ - Au départ, de l'application on arrive sur le menu.
21
+ - Lorsqu'on arrive la fin d'un activité on clique sur next. Un pop-up apparait avec 2 boutons un qui ramenere au menu et un qui redigire vers l'activité suivante.
22
+ - Lorsqu'on est sur la dernière page et qu'on cliquer sur le bouton next. Un pop-up apprait avec un bouton qui ramene au menu et l'autre qui envoie à la prochain leçon.
23
+
24
+ Tout les boutons s'auto-gère. Le contexte navigation est modifiable par les paramètres disponible dans `App.vue`.
25
+
26
+ ## Paramètre
27
+
28
+ | Propriété | Type | Description | valeur par défaut |
29
+ |:----------|:-----------------|:------------------------------------------------|:-------|
30
+ | No_menu | Bolean | Retire le menu. L'application redirige vers la premier page de l'activité. | false |
31
+ | is_single_activity | Bolean | L'application est navigable seulement dans une seul activité (s'il y a plus d'un dossier d'activité l'apllication vous retourneras une erreure). Sur la dernière page, le bouton suviant est désactivé. | false |
32
+ | auto_next_activity | Bolean | | false |
33
+ | linkedResource | Object | Chemin vers la prochaine server leçon et lien https ver la prochaine leçon | url: 'pluginfile.php/24153/mod_tincanlaunch/content/index.html',id: 'https://projets.cegepadistance.ca/lrs-xapi/123123AA6001/M1L2' |
34
+
35
+ ## Style
36
+
37
+ N/A
38
+
39
+ ## Accessibilité
40
+
41
+ Pour l'instant aucune action n'a été faite pour l'accessibilité.
@@ -1,53 +1,53 @@
1
- ---
2
- title: Model de page
3
-
4
- ---
5
- ::: warning 🚩 Important
6
- Utilisez ce model comme depart pour écrire la page de votre composant:
7
-
8
- 1) Copiez /dubliquez cette page
9
- 2) Renommez votre copie avec le nom de votre composant
10
- 3) Édtitez la page en rempliçant les sections qui conserne votre composant.
11
- :::
12
-
13
-
14
- Composant pour ....
15
-
16
- ## Aperçu
17
-
18
- Le composant permet de...
19
- Et culpa explicabo est amet voluptas qui fuga deleniti. Sed consectetur minus aut animi modi sed natus pariatur.
20
-
21
- ## Comportement
22
-
23
- Lorem ipsum dolor sit amet. At quas quis qui velit tenetur aut suscipit error id iure doloremque ad velit explicabo. Sit repellat praesentium aut perferendis illum qui omnis recusandae est explicabo dolores in quia tempore qui totam velit.
24
-
25
- ## Référence du composant
26
-
27
- **ModelComposantPage** `<model-composant/>`
28
-
29
-
30
- ## Paramètre
31
-
32
- Aucun paramètre n'est nécessaire pour ce composant.
33
-
34
- ### Props
35
-
36
- | Propriété | Type | Description | valeur par défaut |
37
- |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
38
- | page | Object | données brutes de la page à créer | Doit contenir au minimum les valeurs suivantes: `{id, type, activityRef }`. Référez-vous à la section sur la [création de page](/guide/pageType.html#qu-est-ce-qu-une-page) pour une liste exhaustive des valeurs de la propriété. |
39
-
40
- ### Slots
41
- `content`[named-slot] - Eos nemo officiis a ducimus officiis aut delectus obcaecati qui dolor consequatur.
42
-
43
-
44
- ## Style
45
-
46
- `nomde class`[class]
47
-
48
- Aucune manipulation requise.
49
-
50
-
51
- ## Accessibilité
52
- Aucune manipulation requise.
53
-
1
+ ---
2
+ title: Model de page
3
+
4
+ ---
5
+ ::: warning 🚩 Important
6
+ Utilisez ce model comme depart pour écrire la page de votre composant:
7
+
8
+ 1) Copiez /dubliquez cette page
9
+ 2) Renommez votre copie avec le nom de votre composant
10
+ 3) Édtitez la page en rempliçant les sections qui conserne votre composant.
11
+ :::
12
+
13
+
14
+ Composant pour ....
15
+
16
+ ## Aperçu
17
+
18
+ Le composant permet de...
19
+ Et culpa explicabo est amet voluptas qui fuga deleniti. Sed consectetur minus aut animi modi sed natus pariatur.
20
+
21
+ ## Comportement
22
+
23
+ Lorem ipsum dolor sit amet. At quas quis qui velit tenetur aut suscipit error id iure doloremque ad velit explicabo. Sit repellat praesentium aut perferendis illum qui omnis recusandae est explicabo dolores in quia tempore qui totam velit.
24
+
25
+ ## Référence du composant
26
+
27
+ **ModelComposantPage** `<model-composant/>`
28
+
29
+
30
+ ## Paramètre
31
+
32
+ Aucun paramètre n'est nécessaire pour ce composant.
33
+
34
+ ### Props
35
+
36
+ | Propriété | Type | Description | valeur par défaut |
37
+ |:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
38
+ | page | Object | données brutes de la page à créer | Doit contenir au minimum les valeurs suivantes: `{id, type, activityRef }`. Référez-vous à la section sur la [création de page](/guide/pageType.html#qu-est-ce-qu-une-page) pour une liste exhaustive des valeurs de la propriété. |
39
+
40
+ ### Slots
41
+ `content`[named-slot] - Eos nemo officiis a ducimus officiis aut delectus obcaecati qui dolor consequatur.
42
+
43
+
44
+ ## Style
45
+
46
+ `nomde class`[class]
47
+
48
+ Aucune manipulation requise.
49
+
50
+
51
+ ## Accessibilité
52
+ Aucune manipulation requise.
53
+