fcad-core-dragon 2.1.0-beta.1 → 2.1.0-beta.2

package/.editorconfig

@@ -1,33 +1,33 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-
-# The JSON files contain newlines inconsistently
-[*.json]
-insert_final_newline = ignore
-
-# Minified JavaScript files shouldn't be changed
-[**.min.js]
-indent_style = ignore
-insert_final_newline = ignore
-
-# Makefiles always use tabs for indentation
-[Makefile]
-indent_style = tab
-
-# Batch files use tabs for indentation
-[*.bat]
-indent_style = tab
-
-[*.md]
-trim_trailing_whitespace = false
- insert_final_newline = false
-
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+
+# The JSON files contain newlines inconsistently
+[*.json]
+insert_final_newline = ignore
+
+# Minified JavaScript files shouldn't be changed
+[**.min.js]
+indent_style = ignore
+insert_final_newline = ignore
+
+# Makefiles always use tabs for indentation
+[Makefile]
+indent_style = tab
+
+# Batch files use tabs for indentation
+[*.bat]
+indent_style = tab
+
+[*.md]
+trim_trailing_whitespace = false
+ insert_final_newline = false
+

package/.eslintignore

@@ -1,29 +1,29 @@
-.DS_Store
-node_modules
-/dist
-yalc.lock
-package-lock.json
-.zip
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-\_*
-.eslintrc
-.gitignore
-
+.DS_Store
+node_modules
+/dist
+yalc.lock
+package-lock.json
+.zip
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+\_*
+.eslintrc
+.gitignore
+

package/.eslintrc.cjs

@@ -1,81 +1,81 @@
-// Special confirugation for pettier for this project. Creating this file is optional in a project.
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-    browser: true
-  },
-  plugins: ['prettier'],
-  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
-  rules: {
-    // Only allow debugger in development
-    'no-debugger': process.env.PRE_COMMIT ? 'error' : 'off',
-    // Only allow `console.log` in development
-    'no-console': process.env.PRE_COMMIT
-      ? ['error', { allow: ['warn', 'error'] }]
-      : 'off',
-    //'comma-dangle': ['error', 'never'],
-    'no-alert': 'off',
-    //'vue/array-bracket-spacing': 'error',
-    //'vue/block-spacing': 'error',
-    // 'vue/comma-dangle': ['error', 'never'],
-    //'vue/object-curly-spacing': ['error', 'always'],
-    'vue/no-v-for-template-key': 'off',
-    'vue/valid-template-root': 'off',
-    // 'vue/no-v-for-template-key-on-child':'off',
-    'vue/component-name-in-template-casing': [
-      'error',
-      'kebab-case',
-      {
-        ignores: []
-      }
-    ],
-    'vue/no-v-html': 'off',
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        semi: false,
-        tabWidth: 2,
-        trailingComma: 'none',
-        arrowParens: 'always',
-        htmlWhitespaceSensitivity: 'ignore',
-        endOfLine: 'auto'
-      }
-    ],
-    'no-param-reassign': [0, { allowPassedByValue: true }],
-    'no-shadow': 'off',
-    'prefer-const': [
-      'off',
-      {
-        destructuring: 'any',
-        ignoreReadBeforeAssign: false
-      }
-    ],
-    'consistent-return': 'off',
-    camelcase: 'off',
-    'no-underscore-dangle': 'off',
-    'no-restricted-syntax': 'off',
-    'no-lonely-if': 'off',
-    'default-case': 'off',
-    'no-plusplus': 'off',
-    'no-loop-func': 'off',
-    'no-prototype-builtins': 'off',
-    'func-names': 'off',
-    'no-unused-vars': ['error', { args: 'none', ignoreRestSiblings: true }]
-  },
-  parserOptions: {
-    sourceType: 'module'
-  },
-  overrides: [
-    {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        jest: true
-      }
-    }
-  ]
-}
+// Special confirugation for pettier for this project. Creating this file is optional in a project.
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    browser: true
+  },
+  plugins: ['prettier'],
+  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
+  rules: {
+    // Only allow debugger in development
+    'no-debugger': process.env.PRE_COMMIT ? 'error' : 'off',
+    // Only allow `console.log` in development
+    'no-console': process.env.PRE_COMMIT
+      ? ['error', { allow: ['warn', 'error'] }]
+      : 'off',
+    //'comma-dangle': ['error', 'never'],
+    'no-alert': 'off',
+    //'vue/array-bracket-spacing': 'error',
+    //'vue/block-spacing': 'error',
+    // 'vue/comma-dangle': ['error', 'never'],
+    //'vue/object-curly-spacing': ['error', 'always'],
+    'vue/no-v-for-template-key': 'off',
+    'vue/valid-template-root': 'off',
+    // 'vue/no-v-for-template-key-on-child':'off',
+    'vue/component-name-in-template-casing': [
+      'error',
+      'kebab-case',
+      {
+        ignores: []
+      }
+    ],
+    'vue/no-v-html': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        semi: false,
+        tabWidth: 2,
+        trailingComma: 'none',
+        arrowParens: 'always',
+        htmlWhitespaceSensitivity: 'ignore',
+        endOfLine: 'auto'
+      }
+    ],
+    'no-param-reassign': [0, { allowPassedByValue: true }],
+    'no-shadow': 'off',
+    'prefer-const': [
+      'off',
+      {
+        destructuring: 'any',
+        ignoreReadBeforeAssign: false
+      }
+    ],
+    'consistent-return': 'off',
+    camelcase: 'off',
+    'no-underscore-dangle': 'off',
+    'no-restricted-syntax': 'off',
+    'no-lonely-if': 'off',
+    'default-case': 'off',
+    'no-plusplus': 'off',
+    'no-loop-func': 'off',
+    'no-prototype-builtins': 'off',
+    'func-names': 'off',
+    'no-unused-vars': ['error', { args: 'none', ignoreRestSiblings: true }]
+  },
+  parserOptions: {
+    sourceType: 'module'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

package/CHANGELOG

@@ -1,10 +1,30 @@
 2.1.0-beta.1(27 août 2025)
 	RUPTURE DE COMPATIBILITÉ : (structure de données des rétroactions). Seules les propriétés "title" et "hypertext" sont acceptées (anciennement "title", "hypertext_1" et "hypertext_2")
 
+	Ajout de Style pour le responsive de la carte audio 
+
 	Retrait du border sur les balises fieldset
 
 	Correction des styles texte à trous
 
+	Liste des changement de classe : 
+
+	container-quiz-radio => container_quiz_choix_unique
+  container-quiz-checkbox => container_quiz_choix_mul
+	container-quiz-texte-tableau => container_quiz_texte_tableau
+	container-quiz-text-area => container_quiz_reponse_ouverte
+	container-quiz-dropdown => container_quiz_dropdown
+	container-quiz-texte-troue-select => container_quiz_texte_troue_select
+	container-quiz-texte-troue => container_quiz_texte_troue
+
+	Pour les rétros la classe dynamic est sur le container
+	retro_inline_positive => retro_inline_retro_positive
+	retro_inline_negative => retro_inline_retro_negative
+	retro_inline_neutre => retro_inline_retro_neutre
+	reponseSelectionner => answerSlct
+	wrong_answer => badAnswer
+	correct_answer => goodAnswer
+
 2.0.3(27 août 2025)
 	HOTFIX Renommer app-comp-quiz en app-comp-quiz-next pour assurer la compatibilité avec les projets existants
 

package/bk.scss

@@ -1,117 +1,117 @@
-    
-
-    .navbar {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 10;
-      display: flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      align-content: start;
-      width: 67px;
-      height: 100%;
-    }
-
-    .module-wrapper {
-      width: 100%;
-      position: relative;
-
-      #wrapper-content {
-        width: 100%;
-        position: relative;
-        padding-right: 0 !important;
-        padding-left: 0 !important;
-
-        &.active {
-          overflow: hidden;
-        }
-
-        .box {
-          width: 100%;
-          height: 95%;
-
-          .app-page {
-            width: 100%;
-            margin-top: 60px;
-
-            .row {
-              width: 100%;
-              margin-right: 0;
-              margin-left: 0;
-            }
-          }
-        }
-      }
-
-      .app-comp-table-of-content {
-        display: -webkit-flex;
-        display: flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        position: absolute;
-        top: 0px;
-        min-height: 100%;
-        z-index: 1;
-      }
-    }
-
-    .app-nav {
-      .md-controller {
-        display: -webkit-flex;
-        display: flex;
-        flex-direction: row;
-        align-items: baseline;
-        //width: $widthPlayer;
-        width: 50%;
-
-        .ctrl-play {
-          display: -webkit-flex;
-          display: flex;
-          flex-direction: row;
-          align-items: baseline;
-          //width: $widthPlayer;
-          width: 50%;
-
-          #progress-bar {
-            display: block;
-            //width: $widthProgressBar;
-            width: 150px;
-            //height: $heigthProgressBar;
-            height: 10px;
-            position: relative;
-            overflow: hidden;
-
-            #progress {
-              display: block;
-              height: 100%;
-              background-color: red;
-            }
-
-            #progress-shaddow {
-              display: block;
-              height: 100%;
-              position: absolute;
-              top: 0px;
-              left: 0px;
-              z-index: -1;
-            }
-          }
-        }
-
-        .ctrl-subtitle {
-          //width: $widthCtrSubtitle;
-          width: 10%;
-        }
-
-        .ctrl-sound {
-          display: -webkit-flex;
-          display: flex;
-          flex-direction: row;
-          align-items: baseline;
-          justify-content: space-between;
-          //width: $widthCtrlSound;
-          width: 40%;
-        }
-      }
-    }
+    
+
+    .navbar {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 10;
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      align-content: start;
+      width: 67px;
+      height: 100%;
+    }
+
+    .module-wrapper {
+      width: 100%;
+      position: relative;
+
+      #wrapper-content {
+        width: 100%;
+        position: relative;
+        padding-right: 0 !important;
+        padding-left: 0 !important;
+
+        &.active {
+          overflow: hidden;
+        }
+
+        .box {
+          width: 100%;
+          height: 95%;
+
+          .app-page {
+            width: 100%;
+            margin-top: 60px;
+
+            .row {
+              width: 100%;
+              margin-right: 0;
+              margin-left: 0;
+            }
+          }
+        }
+      }
+
+      .app-comp-table-of-content {
+        display: -webkit-flex;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        position: absolute;
+        top: 0px;
+        min-height: 100%;
+        z-index: 1;
+      }
+    }
+
+    .app-nav {
+      .md-controller {
+        display: -webkit-flex;
+        display: flex;
+        flex-direction: row;
+        align-items: baseline;
+        //width: $widthPlayer;
+        width: 50%;
+
+        .ctrl-play {
+          display: -webkit-flex;
+          display: flex;
+          flex-direction: row;
+          align-items: baseline;
+          //width: $widthPlayer;
+          width: 50%;
+
+          #progress-bar {
+            display: block;
+            //width: $widthProgressBar;
+            width: 150px;
+            //height: $heigthProgressBar;
+            height: 10px;
+            position: relative;
+            overflow: hidden;
+
+            #progress {
+              display: block;
+              height: 100%;
+              background-color: red;
+            }
+
+            #progress-shaddow {
+              display: block;
+              height: 100%;
+              position: absolute;
+              top: 0px;
+              left: 0px;
+              z-index: -1;
+            }
+          }
+        }
+
+        .ctrl-subtitle {
+          //width: $widthCtrSubtitle;
+          width: 10%;
+        }
+
+        .ctrl-sound {
+          display: -webkit-flex;
+          display: flex;
+          flex-direction: row;
+          align-items: baseline;
+          justify-content: space-between;
+          //width: $widthCtrlSound;
+          width: 40%;
+        }
+      }
+    }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcad-core-dragon",
-  "version": "2.1.0-beta.1",
+  "version": "2.1.0-beta.2",
   "private": false,
   "type": "module",
   "main": "./src/main.js",

package/src/assets/data/onboardingMessages.json

@@ -1,47 +1,47 @@
-{
-  "message_1": {
-    "type": "popup-avert",
-    "value": {
-      "title": "Bienvenue dans la visite guidée du FCAD !",
-      "hypertext_1": "<p>Le bouton Confirmer vous fera passer à la prochaine étape de la visite.</p><p>Vous pouvez y mettre fin en tout temps avec le bouton Annuler.</p>"
-    }
-  },
-  "message_2": {
-    "type": "tooltip",
-    "value": {
-      "target": "activity_progress",
-      "title": "Navigation secondaire",
-      "content": "<p>Les flèches permettent de passer à la page précédente ou suivante de l'activité.</p><p>Les rectangles représentent une section de l'activité.</p>"
-    }
-  },
-  "message_3": {
-    "type": "tooltip",
-    "value": {
-      "target": "btn_back_summary",
-      "title": "Navigation secondaire",
-      "content": "<p>Ce bouton permet de retourner au sommaire de l'activité en tout temps.</p>"
-    }
-  },
-  "message_4": {
-    "type": "tooltip",
-    "value": {
-      "target": "primary_activity",
-      "title": "Navigation principale",
-      "content": "<p>La navigation principale permet de valider ses réponses de quiz et de passer à la page suivante.</p>"
-    }
-  },
-  "message_5": {
-    "type": "popup-avert",
-    "value": {
-      "title": "Visite guidée",
-      "hypertext_1": "<p>Message pour la barre de lecture.</p>"
-    }
-  },
-  "message_6": {
-    "type": "popup-avert",
-    "value": {
-      "title": "Visite guidée",
-      "hypertext_1": "<p>Message pour les Paramètres.</p>"
-    }
-  }
-}
+{
+  "message_1": {
+    "type": "popup-avert",
+    "value": {
+      "title": "Bienvenue dans la visite guidée du FCAD !",
+      "hypertext_1": "<p>Le bouton Confirmer vous fera passer à la prochaine étape de la visite.</p><p>Vous pouvez y mettre fin en tout temps avec le bouton Annuler.</p>"
+    }
+  },
+  "message_2": {
+    "type": "tooltip",
+    "value": {
+      "target": "activity_progress",
+      "title": "Navigation secondaire",
+      "content": "<p>Les flèches permettent de passer à la page précédente ou suivante de l'activité.</p><p>Les rectangles représentent une section de l'activité.</p>"
+    }
+  },
+  "message_3": {
+    "type": "tooltip",
+    "value": {
+      "target": "btn_back_summary",
+      "title": "Navigation secondaire",
+      "content": "<p>Ce bouton permet de retourner au sommaire de l'activité en tout temps.</p>"
+    }
+  },
+  "message_4": {
+    "type": "tooltip",
+    "value": {
+      "target": "primary_activity",
+      "title": "Navigation principale",
+      "content": "<p>La navigation principale permet de valider ses réponses de quiz et de passer à la page suivante.</p>"
+    }
+  },
+  "message_5": {
+    "type": "popup-avert",
+    "value": {
+      "title": "Visite guidée",
+      "hypertext_1": "<p>Message pour la barre de lecture.</p>"
+    }
+  },
+  "message_6": {
+    "type": "popup-avert",
+    "value": {
+      "title": "Visite guidée",
+      "hypertext_1": "<p>Message pour les Paramètres.</p>"
+    }
+  }
+}