fcad-core-dragon 2.1.0 → 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.
- package/.editorconfig +7 -7
- package/.gitlab-ci.yml +124 -0
- package/.prettierrc +11 -11
- package/.vscode/extensions.json +8 -8
- package/.vscode/settings.json +46 -16
- package/CHANGELOG +520 -520
- package/README.md +57 -57
- package/documentation/.vitepress/config.js +114 -114
- package/documentation/api-examples.md +49 -49
- package/documentation/composants/app-base-button.md +58 -58
- package/documentation/composants/app-base-error-display.md +59 -59
- package/documentation/composants/app-base-popover.md +68 -68
- package/documentation/composants/app-comp-audio.md +75 -75
- package/documentation/composants/app-comp-branch-buttons.md +111 -111
- package/documentation/composants/app-comp-button-progress.md +53 -53
- package/documentation/composants/app-comp-carousel.md +53 -53
- package/documentation/composants/app-comp-container.md +53 -53
- package/documentation/composants/app-comp-input-checkbox-next.md +42 -42
- package/documentation/composants/app-comp-input-dropdown-next.md +34 -34
- package/documentation/composants/app-comp-input-radio-next.md +39 -39
- package/documentation/composants/app-comp-input-text-next.md +35 -35
- package/documentation/composants/app-comp-input-text-table-next.md +34 -34
- package/documentation/composants/app-comp-input-text-to-fill-dropdown-next.md +53 -53
- package/documentation/composants/app-comp-input-text-to-fill-next.md +31 -31
- package/documentation/composants/app-comp-jauge.md +31 -31
- package/documentation/composants/app-comp-menu-item.md +55 -55
- package/documentation/composants/app-comp-menu.md +29 -29
- package/documentation/composants/app-comp-navigation.md +41 -41
- package/documentation/composants/app-comp-note-call.md +53 -53
- package/documentation/composants/app-comp-note-credit.md +53 -53
- package/documentation/composants/app-comp-play-bar-next.md +53 -53
- package/documentation/composants/app-comp-pop-up-next.md +93 -93
- package/documentation/composants/app-comp-quiz-next.md +235 -235
- package/documentation/composants/app-comp-quiz-recall.md +53 -53
- package/documentation/composants/app-comp-svg-next.md +53 -53
- package/documentation/composants/app-comp-table-of-content.md +50 -50
- package/documentation/composants/app-comp-video-player.md +82 -82
- package/documentation/composants.md +46 -46
- package/documentation/composants_critiques/ModelPageComposant.md +53 -53
- package/documentation/composants_critiques/app-base-module.md +43 -43
- package/documentation/composants_critiques/app-base-page.md +48 -48
- package/documentation/composants_critiques/app-base.md +311 -311
- package/documentation/composants_critiques/main.md +15 -15
- package/documentation/demarrage.md +50 -50
- package/documentation/deploiement.md +57 -57
- package/documentation/index.md +33 -33
- package/documentation/markdown-examples.md +85 -85
- package/documentation/public/vite.svg +14 -14
- package/documentation/public/vuejs.svg +1 -1
- package/documentation/public/vuetify.svg +5 -5
- package/eslint.config.js +60 -60
- package/junit-report.xml +182 -0
- package/package.json +66 -59
- package/playwright/index.html +12 -0
- package/playwright/index.js +21 -0
- package/playwright-ct.config.js +95 -0
- package/src/$locales/en.json +157 -157
- package/src/$locales/fr.json +120 -120
- package/src/assets/data/onboardingMessages.json +47 -47
- package/src/components/AppBase.vue +1171 -1169
- package/src/components/AppBaseButton.vue +90 -95
- package/src/components/AppBaseErrorDisplay.vue +438 -438
- package/src/components/AppBaseFlipCard.vue +84 -84
- package/src/components/AppBaseModule.vue +1639 -1634
- package/src/components/AppBasePage.vue +3 -2
- package/src/components/AppBasePopover.vue +41 -41
- package/src/components/AppBaseSkeleton.vue +66 -66
- package/src/components/AppCompAudio.vue +261 -256
- package/src/components/AppCompBranchButtons.vue +508 -508
- package/src/components/AppCompButtonProgress.vue +137 -132
- package/src/components/AppCompCarousel.vue +342 -336
- package/src/components/AppCompContainer.vue +29 -29
- package/src/components/AppCompInputCheckBoxNx.vue +325 -323
- package/src/components/AppCompInputDropdownNx.vue +302 -299
- package/src/components/AppCompInputRadioNx.vue +287 -284
- package/src/components/AppCompInputTextNx.vue +156 -153
- package/src/components/AppCompInputTextTableNx.vue +205 -202
- package/src/components/AppCompInputTextToFillDropdownNx.vue +343 -340
- package/src/components/AppCompInputTextToFillNx.vue +316 -313
- package/src/components/AppCompJauge.vue +81 -81
- package/src/components/AppCompMenu.vue +6 -2
- package/src/components/AppCompMenuItem.vue +246 -240
- package/src/components/AppCompNavigation.vue +977 -972
- package/src/components/AppCompNoteCall.vue +167 -161
- package/src/components/AppCompNoteCredit.vue +496 -491
- package/src/components/AppCompPlayBarNext.vue +2290 -2288
- package/src/components/AppCompPopUpNext.vue +508 -504
- package/src/components/AppCompQuizNext.vue +515 -510
- package/src/components/AppCompQuizRecall.vue +355 -350
- package/src/components/AppCompSVGNext.vue +346 -346
- package/src/components/AppCompSettingsMenu.vue +177 -172
- package/src/components/AppCompTableOfContent.vue +433 -427
- package/src/components/AppCompVideoPlayer.vue +377 -377
- package/src/components/AppCompViewDisplay.vue +6 -6
- package/src/components/BaseModule.vue +55 -55
- package/src/composables/useIdleDetector.js +56 -56
- package/src/composables/useQuiz.js +89 -89
- package/src/composables/useTimer.js +172 -172
- package/src/directives/nvdaFix.js +53 -53
- package/src/externalComps/ModuleView.vue +22 -22
- package/src/externalComps/SummaryView.vue +91 -91
- package/src/main.js +493 -476
- package/src/module/stores/appStore.js +960 -947
- package/src/module/xapi/ADL.js +520 -520
- package/src/module/xapi/Crypto/Hasher.js +241 -241
- package/src/module/xapi/Crypto/WordArray.js +278 -278
- package/src/module/xapi/Crypto/algorithms/BufferedBlockAlgorithm.js +103 -103
- package/src/module/xapi/Crypto/algorithms/C_algo.js +315 -315
- package/src/module/xapi/Crypto/algorithms/HMAC.js +9 -9
- package/src/module/xapi/Crypto/algorithms/SHA1.js +9 -9
- package/src/module/xapi/Crypto/encoders/Base.js +105 -105
- package/src/module/xapi/Crypto/encoders/Base64.js +99 -99
- package/src/module/xapi/Crypto/encoders/Hex.js +61 -61
- package/src/module/xapi/Crypto/encoders/Latin1.js +61 -61
- package/src/module/xapi/Crypto/encoders/Utf8.js +45 -45
- package/src/module/xapi/Crypto/index.js +53 -53
- package/src/module/xapi/Statement/activity.js +47 -47
- package/src/module/xapi/Statement/agent.js +55 -55
- package/src/module/xapi/Statement/group.js +26 -26
- package/src/module/xapi/Statement/index.js +259 -259
- package/src/module/xapi/Statement/statement.js +253 -253
- package/src/module/xapi/Statement/statementRef.js +23 -23
- package/src/module/xapi/Statement/substatement.js +22 -22
- package/src/module/xapi/Statement/verb.js +36 -36
- package/src/module/xapi/activitytypes.js +17 -17
- package/src/module/xapi/launch.js +157 -157
- package/src/module/xapi/utils.js +167 -167
- package/src/module/xapi/verbs.js +294 -294
- package/src/module/xapi/wrapper.js +1895 -1895
- package/src/module/xapi/xapiStatement.js +444 -444
- package/src/plugins/analytics.js +34 -34
- package/src/plugins/bus.js +12 -8
- package/src/plugins/gsap.js +17 -15
- package/src/plugins/helper.js +355 -358
- package/src/plugins/i18n.js +27 -26
- package/src/plugins/idb.js +227 -227
- package/src/plugins/save.js +37 -37
- package/src/plugins/scorm.js +287 -287
- package/src/plugins/xapi.js +11 -11
- package/src/public/index.html +33 -33
- package/src/router/index.js +57 -57
- package/src/router/routes.js +312 -312
- package/src/shared/generalfuncs.js +344 -344
- package/src/shared/validators.js +1018 -1018
- package/tests/component/AppBaseButton.spec.js +53 -0
- package/tests/component/pinia.spec.js +24 -0
- package/{src/components/tests__ → tests/unit}/AppBaseButton.spec.js +53 -53
- package/tests/unit/AppCompInputCheckBoxNx.spec.js +59 -0
- package/tests/unit/AppCompInputDropdownNx.spec.js +51 -0
- package/tests/unit/AppCompInputRadioNx.spec.js +59 -0
- package/tests/unit/AppCompInputTextNx.spec.js +44 -0
- package/tests/unit/AppCompInputTextTableNx.spec.js +77 -0
- package/tests/unit/AppCompInputTextToFillDropdownNx.spec.js +60 -0
- package/tests/unit/AppCompInputTextToFillNx.spec.js +45 -0
- package/tests/unit/AppCompQuizNext.spec.js +114 -0
- package/tests/unit/AppCompVideoPlayer.spec.js +177 -0
- package/{src/components/tests__ → tests/unit}/useTimer.spec.js +91 -91
- package/vitest.config.js +28 -19
- package/vitest.setup.js +28 -0
- 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
|
+
|