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.
- 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 +867 -866
- 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 -1
- 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 -17
- 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,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,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,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,42 +1,42 @@
|
|
|
1
|
-
# Input checkBox
|
|
2
|
-
|
|
3
|
-
Composant d'input checkbox.
|
|
4
|
-
|
|
5
|
-
## Aperçu
|
|
6
|
-
|
|
7
|
-
Présente des éléments interactifs sous forme de checkbox. 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 checkbox.
|
|
8
|
-
|
|
9
|
-
## Référence du composant
|
|
10
|
-
|
|
11
|
-
**AppCompInputCheckBox**
|
|
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 elements d`input checkbox.
|
|
16
|
-
|
|
17
|
-
## Paramètre
|
|
18
|
-
|
|
19
|
-
Voici les éléments par défaut du checkbox.
|
|
20
|
-
|
|
21
|
-
### Props
|
|
22
|
-
|
|
23
|
-
| Propriété | Type | Description | valeur par défaut |
|
|
24
|
-
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
25
|
-
| :class | Object | Ajoute et retire les classes pour les rétroactions et autres | reponseSelectionner, wrong_answer, correct_answer |
|
|
26
|
-
| role | String | Pour l'acessibilité, afin que les gens puissent atteindre l'élément | button |
|
|
27
|
-
| aria-pressed | Boolean | Pour l'acessibilité, afin que les gens puissent déclencher l'action avec le clavier | false |
|
|
28
|
-
| @click | function | Déclanche le fonction pour émettre le clique retourner l'élément cliquer et fait réagir la classe | fnClick |
|
|
29
|
-
|
|
30
|
-
## Style
|
|
31
|
-
|
|
32
|
-
Toutes les classes présentes sont importantes pour la structure et le comportement des quiz. Vous ne pouvez pas ajouter n'y modifier les classes.
|
|
33
|
-
|
|
34
|
-
## Accessibilité
|
|
35
|
-
|
|
36
|
-
Le Checkbox vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
37
|
-
|
|
38
|
-
| Propriété | Type | Description et utilisation | valeur par défaut |
|
|
39
|
-
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
40
|
-
| aria-labelledby | String | Doit être en association avec le label | N/A |
|
|
41
|
-
| name | String | Doit être en association avec le label | N/A |
|
|
42
|
-
|
|
1
|
+
# Input checkBox
|
|
2
|
+
|
|
3
|
+
Composant d'input checkbox.
|
|
4
|
+
|
|
5
|
+
## Aperçu
|
|
6
|
+
|
|
7
|
+
Présente des éléments interactifs sous forme de checkbox. 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 checkbox.
|
|
8
|
+
|
|
9
|
+
## Référence du composant
|
|
10
|
+
|
|
11
|
+
**AppCompInputCheckBox**
|
|
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 elements d`input checkbox.
|
|
16
|
+
|
|
17
|
+
## Paramètre
|
|
18
|
+
|
|
19
|
+
Voici les éléments par défaut du checkbox.
|
|
20
|
+
|
|
21
|
+
### Props
|
|
22
|
+
|
|
23
|
+
| Propriété | Type | Description | valeur par défaut |
|
|
24
|
+
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
25
|
+
| :class | Object | Ajoute et retire les classes pour les rétroactions et autres | reponseSelectionner, wrong_answer, correct_answer |
|
|
26
|
+
| role | String | Pour l'acessibilité, afin que les gens puissent atteindre l'élément | button |
|
|
27
|
+
| aria-pressed | Boolean | Pour l'acessibilité, afin que les gens puissent déclencher l'action avec le clavier | false |
|
|
28
|
+
| @click | function | Déclanche le fonction pour émettre le clique retourner l'élément cliquer et fait réagir la classe | fnClick |
|
|
29
|
+
|
|
30
|
+
## Style
|
|
31
|
+
|
|
32
|
+
Toutes les classes présentes sont importantes pour la structure et le comportement des quiz. Vous ne pouvez pas ajouter n'y modifier les classes.
|
|
33
|
+
|
|
34
|
+
## Accessibilité
|
|
35
|
+
|
|
36
|
+
Le Checkbox vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
37
|
+
|
|
38
|
+
| Propriété | Type | Description et utilisation | valeur par défaut |
|
|
39
|
+
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
40
|
+
| aria-labelledby | String | Doit être en association avec le label | N/A |
|
|
41
|
+
| name | String | Doit être en association avec le label | N/A |
|
|
42
|
+
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
# Input liste déroulante
|
|
2
|
-
|
|
3
|
-
Composant de liste déroulante.
|
|
4
|
-
|
|
5
|
-
## Aperçu
|
|
6
|
-
|
|
7
|
-
Présente des éléments interactifs sous forme d'une liste déroulante. 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 liste déroulante.
|
|
8
|
-
|
|
9
|
-
## Référence du composant
|
|
10
|
-
|
|
11
|
-
**AppCompInputDropDown**
|
|
12
|
-
|
|
13
|
-
## Comportement
|
|
14
|
-
|
|
15
|
-
Le composant reçoit les informations passées en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments sous forme de liste déroulante.
|
|
16
|
-
|
|
17
|
-
## Paramètre
|
|
18
|
-
|
|
19
|
-
Voici les éléments par défaut de la liste déroulante.
|
|
20
|
-
|
|
21
|
-
| Propriété | Type | Description | valeur par défaut |
|
|
22
|
-
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
23
|
-
| :class | string | reçoit l'*id* défini dans le JSON et les classes pour les rétroactions | reponseSelectionner, wrong_answer, correct_answer |
|
|
24
|
-
| options | String | crée les choix de la liste déroulante déclarée dans le JSON | choix |
|
|
25
|
-
|
|
26
|
-
## Style
|
|
27
|
-
|
|
28
|
-
Toutes les classes présentes sont importantes pour la structure et le comportement des quiz. Vous ne pouvez pas ajouter n'y modifier les classes.
|
|
29
|
-
|
|
30
|
-
## Accessibilité
|
|
31
|
-
|
|
32
|
-
La liste déroulante vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
33
|
-
|
|
34
|
-
|
|
1
|
+
# Input liste déroulante
|
|
2
|
+
|
|
3
|
+
Composant de liste déroulante.
|
|
4
|
+
|
|
5
|
+
## Aperçu
|
|
6
|
+
|
|
7
|
+
Présente des éléments interactifs sous forme d'une liste déroulante. 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 liste déroulante.
|
|
8
|
+
|
|
9
|
+
## Référence du composant
|
|
10
|
+
|
|
11
|
+
**AppCompInputDropDown**
|
|
12
|
+
|
|
13
|
+
## Comportement
|
|
14
|
+
|
|
15
|
+
Le composant reçoit les informations passées en paramètre par le [composant Quiz](../guide_api/CompQuiz.html) et affiche des éléments sous forme de liste déroulante.
|
|
16
|
+
|
|
17
|
+
## Paramètre
|
|
18
|
+
|
|
19
|
+
Voici les éléments par défaut de la liste déroulante.
|
|
20
|
+
|
|
21
|
+
| Propriété | Type | Description | valeur par défaut |
|
|
22
|
+
|:----------|:-----------------|:-----------------------------------------------------------------------------------------------------------------------------------|:-------|
|
|
23
|
+
| :class | string | reçoit l'*id* défini dans le JSON et les classes pour les rétroactions | reponseSelectionner, wrong_answer, correct_answer |
|
|
24
|
+
| options | String | crée les choix de la liste déroulante déclarée dans le JSON | choix |
|
|
25
|
+
|
|
26
|
+
## Style
|
|
27
|
+
|
|
28
|
+
Toutes les classes présentes sont importantes pour la structure et le comportement des quiz. Vous ne pouvez pas ajouter n'y modifier les classes.
|
|
29
|
+
|
|
30
|
+
## Accessibilité
|
|
31
|
+
|
|
32
|
+
La liste déroulante vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
33
|
+
|
|
34
|
+
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
# Input bouton radio
|
|
2
|
-
|
|
3
|
-
Composant d'input radio.
|
|
4
|
-
|
|
5
|
-
## Aperçu
|
|
6
|
-
|
|
7
|
-
Présente des éléments interactifs sous forme d'input radio. 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 bouton radio.
|
|
8
|
-
|
|
9
|
-
## Référence du composant
|
|
10
|
-
|
|
11
|
-
**AppCompInputRadio**
|
|
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 radio.
|
|
16
|
-
|
|
17
|
-
## Paramètre
|
|
18
|
-
|
|
19
|
-
Voici les éléments par défaut du bouton radio.
|
|
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
|
-
| role | String | Pour l'accessibilité, afin que les gens puissent atteindre l'élément | button |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
## Style
|
|
32
|
-
|
|
33
|
-
Toutes les classes présentes sont importantes pour la structure, à moins de les modifier dans le fichier Sass.
|
|
34
|
-
|
|
35
|
-
## Accessibilité
|
|
36
|
-
|
|
37
|
-
Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
38
|
-
|
|
39
|
-
|
|
1
|
+
# Input bouton radio
|
|
2
|
+
|
|
3
|
+
Composant d'input radio.
|
|
4
|
+
|
|
5
|
+
## Aperçu
|
|
6
|
+
|
|
7
|
+
Présente des éléments interactifs sous forme d'input radio. 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 bouton radio.
|
|
8
|
+
|
|
9
|
+
## Référence du composant
|
|
10
|
+
|
|
11
|
+
**AppCompInputRadio**
|
|
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 radio.
|
|
16
|
+
|
|
17
|
+
## Paramètre
|
|
18
|
+
|
|
19
|
+
Voici les éléments par défaut du bouton radio.
|
|
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
|
+
| role | String | Pour l'accessibilité, afin que les gens puissent atteindre l'élément | button |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
## Style
|
|
32
|
+
|
|
33
|
+
Toutes les classes présentes sont importantes pour la structure, à moins de les modifier dans le fichier Sass.
|
|
34
|
+
|
|
35
|
+
## Accessibilité
|
|
36
|
+
|
|
37
|
+
Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
38
|
+
|
|
39
|
+
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
# Input textbox
|
|
2
|
-
|
|
3
|
-
Composant d'input de texte.
|
|
4
|
-
|
|
5
|
-
## Aperçu
|
|
6
|
-
|
|
7
|
-
Présente des éléments interactifs sous forme de zone de 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 zone de texte (text box).
|
|
8
|
-
|
|
9
|
-
## Référence du composant
|
|
10
|
-
|
|
11
|
-
**AppCompInputTextBox**
|
|
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 un element d'input de texte.
|
|
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
|
-
Toutes les classes présentes sont importantes pour la structure, à moins de les modifier dans le fichier Sass.
|
|
31
|
-
|
|
32
|
-
## Accessibilité
|
|
33
|
-
|
|
34
|
-
Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
35
|
-
|
|
1
|
+
# Input textbox
|
|
2
|
+
|
|
3
|
+
Composant d'input de texte.
|
|
4
|
+
|
|
5
|
+
## Aperçu
|
|
6
|
+
|
|
7
|
+
Présente des éléments interactifs sous forme de zone de 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 zone de texte (text box).
|
|
8
|
+
|
|
9
|
+
## Référence du composant
|
|
10
|
+
|
|
11
|
+
**AppCompInputTextBox**
|
|
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 un element d'input de texte.
|
|
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
|
+
Toutes les classes présentes sont importantes pour la structure, à moins de les modifier dans le fichier Sass.
|
|
31
|
+
|
|
32
|
+
## Accessibilité
|
|
33
|
+
|
|
34
|
+
Le bouton vient avec un niveau d'accessibilité de base. Pour l'instant aucune action de votre part n'est requise.
|
|
35
|
+
|