fcad-core-dragon 2.1.0 → 2.1.2

package/src/components/AppCompViewDisplay.vue

@@ -1,6 +1,6 @@
-<template>
-  <router-view />
-</template>
-<script>
-export default {}
-</script>
+<template>
+  <router-view />
+</template>
+<script>
+export default {}
+</script>

package/src/components/BaseModule.vue

@@ -1,55 +1,55 @@
-<!--
- *@ Description: Root component used to extends the AppBase Module
- *@ What it does: Entry point for the data of appBaseModule. manage progress, indexeDB connection.
- *@Note :Must be used
--->
-<template>
-  <div v-if="mData" class="module-wrapper">
-    <slot name="mTitle" />
-    <slot>Module</slot>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    mData: {
-      type: Object,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      data: null
-      // over: false
-      // back: null
-    }
-  },
-
-  created() {},
-  methods: {}
-}
-</script>
-
-<style lang="scss" scoped>
-.module-wrapper {
-  width: 100%;
-  height: 100%;
-  min-height: 100vh;
-  padding: 0 145px;
-}
-.overlay-close-widget {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  display: none;
-
-  &.blockOverlay {
-    display: block;
-  }
-}
-</style>
+<!--
+ *@ Description: Root component used to extends the AppBase Module
+ *@ What it does: Entry point for the data of appBaseModule. manage progress, indexeDB connection.
+ *@Note :Must be used
+-->
+<template>
+  <div v-if="mData" class="module-wrapper">
+    <slot name="mTitle" />
+    <slot>Module</slot>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    mData: {
+      type: Object,
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      data: null
+      // over: false
+      // back: null
+    }
+  },
+
+  created() {},
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+.module-wrapper {
+  width: 100%;
+  height: 100%;
+  min-height: 100vh;
+  padding: 0 145px;
+}
+.overlay-close-widget {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  display: none;
+
+  &.blockOverlay {
+    display: block;
+  }
+}
+</style>

package/src/composables/useIdleDetector.js

@@ -1,56 +1,56 @@
-export class IdleDetector {
-  constructor() {
-    this.idleCounter = 0
-    this.idleTimeoutID = null
-    this.detectorState = 'stopped' // can be 'pause' or 'stop'
-    this.idleTimer = null
-  }
-
-  /**
-   * @description Start the idle timer -
-   * creates an interval to track idle time and a timeout to trigger actions
-   * after a specified period of inactivity.
-   * @param {Function} action - a callback function to execute when the idle timeout is reached.
-   * @param {Number} timeout - the duration in milliseconds before the action is triggered.
-   */
-  startIdleTimer(action = null, timeout = 0) {
-    this.idleTimer = setInterval(() => {
-      this.idleCounter += 1
-    }, 1000)
-    this.detectorState = 'started'
-
-    if (!action || typeof action !== 'function') return
-
-    this.idleTimeoutID = setTimeout(() => action(), timeout)
-  }
-
-  /**
-   * @description Reset the idle timer -
-   * clears the current idle timer and timeout,
-   */
-  stopIdleTimer() {
-    this.idleCounter = 0
-    clearInterval(this.idleTimer)
-    clearTimeout(this.idleTimeoutID)
-    this.detectorState = 'stopped'
-  }
-
-  /**
-   * @description Get the current state of the timer
-   *
-   * @returns {String} - timer state, can be 'started' or 'stopped'
-   */
-  getDectorState() {
-    return this.detectorState
-  }
-
-  /**
-   * @description Get the elapsed time for the idle timer.
-   *               This is the time the idle detector has been running since it was started.
-   *
-   * @returns {Number} - the time count in seconds
-   */
-  getElapsedTime() {
-    return this.idleCounter
-  }
-}
+export class IdleDetector {
+  constructor() {
+    this.idleCounter = 0
+    this.idleTimeoutID = null
+    this.detectorState = 'stopped' // can be 'pause' or 'stop'
+    this.idleTimer = null
+  }
+
+  /**
+   * @description Start the idle timer -
+   * creates an interval to track idle time and a timeout to trigger actions
+   * after a specified period of inactivity.
+   * @param {Function} action - a callback function to execute when the idle timeout is reached.
+   * @param {Number} timeout - the duration in milliseconds before the action is triggered.
+   */
+  startIdleTimer(action = null, timeout = 0) {
+    this.idleTimer = setInterval(() => {
+      this.idleCounter += 1
+    }, 1000)
+    this.detectorState = 'started'
+
+    if (!action || typeof action !== 'function') return
+
+    this.idleTimeoutID = setTimeout(() => action(), timeout)
+  }
+
+  /**
+   * @description Reset the idle timer -
+   * clears the current idle timer and timeout,
+   */
+  stopIdleTimer() {
+    this.idleCounter = 0
+    clearInterval(this.idleTimer)
+    clearTimeout(this.idleTimeoutID)
+    this.detectorState = 'stopped'
+  }
+
+  /**
+   * @description Get the current state of the timer
+   *
+   * @returns {String} - timer state, can be 'started' or 'stopped'
+   */
+  getDectorState() {
+    return this.detectorState
+  }
+
+  /**
+   * @description Get the elapsed time for the idle timer.
+   *               This is the time the idle detector has been running since it was started.
+   *
+   * @returns {Number} - the time count in seconds
+   */
+  getElapsedTime() {
+    return this.idleCounter
+  }
+}

package/src/composables/useQuiz.js

@@ -1,89 +1,89 @@
-//This composable should Extend the functionality of a the quiz
-
-import i18n from '@/i18n' //Must import directly the local from project app because vue-18in does not work in legacy mode with composable
-
-export function useQuiz() {
-  const { t } = i18n.global
-  /**
-   * @description shuffles an array used to randomized the option order if shuffleAnswers is true
-   * @param {Array} array
-   * @returns {Array}
-   */
-  function shuffleArray(array) {
-    let newArray = []
-    let newArray2 = []
-
-    for (let i = 0; i < array.length; i++) {
-      const element = array[i]
-      newArray.push(element)
-    }
-    while (newArray.length > 0) {
-      let pos = Math.floor(newArray.length * Math.random())
-      newArray2.push(newArray[pos])
-      newArray.splice(pos, 1)
-    }
-    return newArray2
-  }
-  /**
-   * @description add retro style to the quiz
-   * @param {Object} solution - the solution of the quiz
-   * @param {Array} reponse - the user response
-   * @param {Number} length - the length of the input value
-   * @returns {Object|Boolean}
-   */
-  function addRetroStyle(solution, reponse, length) {
-    let classRetro = []
-    let mesA11y = []
-    if (solution != null) {
-      reponse.forEach((el) => {
-        if (el.correct == true) {
-          classRetro.push('goodAnswer')
-          mesA11y.push(`${t('quizState.goodAnswer')}`)
-        } else {
-          classRetro.push('badAnswer')
-          mesA11y.push(`${t('quizState.badAnswer')}`)
-        }
-      })
-    } else {
-      classRetro.push('NeutralAnswer')
-      mesA11y.push(`${t('quizState.neutralAnswer')}`)
-    }
-
-    return { classRetro, mesA11y }
-  }
-
-  /**
-   * @description reset the list of validation style of a quiz
-   * @param {Array} aList - a list of array to reset
-   * @emits hide-retro - event message to hide the retro Message
-   *  $el- the target quiz,
-   *  false|true of th event
-   * */
-  function resetRetroStyle(aList) {
-    aList.forEach((a) => {
-      if (a && a.length > 0) a.splice(0)
-    })
-    this.$bus.$emit('hide-retro', this.$el, false)
-  }
-
-  function retroType(solution, reponse) {
-    if (solution != null) {
-      if (reponse.length == solution.length) {
-        let Ag = (i) => i.correct
-        if (reponse.every(Ag)) return 'retro_positive'
-        else return 'retro_negative'
-      } else {
-        return 'retro_negative'
-      }
-    } else {
-      return `retro_neutre`
-    }
-  }
-
-  return {
-    addRetroStyle,
-    resetRetroStyle,
-    retroType,
-    shuffleArray
-  }
-}
+//This composable should Extend the functionality of a the quiz
+
+import { useI18n } from 'vue-i18n' //Must import directly the local from project app because vue-18in does not work in legacy mode with composable
+
+export function useQuiz() {
+  const { t } = useI18n()
+  /**
+   * @description shuffles an array used to randomized the option order if shuffleAnswers is true
+   * @param {Array} array
+   * @returns {Array}
+   */
+  function shuffleArray(array) {
+    let newArray = []
+    let newArray2 = []
+
+    for (let i = 0; i < array.length; i++) {
+      const element = array[i]
+      newArray.push(element)
+    }
+    while (newArray.length > 0) {
+      let pos = Math.floor(newArray.length * Math.random())
+      newArray2.push(newArray[pos])
+      newArray.splice(pos, 1)
+    }
+    return newArray2
+  }
+  /**
+   * @description add retro style to the quiz
+   * @param {Object} solution - the solution of the quiz
+   * @param {Array} reponse - the user response
+   * @param {Number} length - the length of the input value
+   * @returns {Object|Boolean}
+   */
+  function addRetroStyle(solution, reponse, length) {
+    let classRetro = []
+    let mesA11y = []
+    if (solution != null) {
+      reponse.forEach((el) => {
+        if (el.correct == true) {
+          classRetro.push('goodAnswer')
+          mesA11y.push(`${t('quizState.goodAnswer')}`)
+        } else {
+          classRetro.push('badAnswer')
+          mesA11y.push(`${t('quizState.badAnswer')}`)
+        }
+      })
+    } else {
+      classRetro.push('NeutralAnswer')
+      mesA11y.push(`${t('quizState.neutralAnswer')}`)
+    }
+
+    return { classRetro, mesA11y }
+  }
+
+  /**
+   * @description reset the list of validation style of a quiz
+   * @param {Array} aList - a list of array to reset
+   * @emits hide-retro - event message to hide the retro Message
+   *  $el- the target quiz,
+   *  false|true of th event
+   * */
+  function resetRetroStyle(aList) {
+    aList.forEach((a) => {
+      if (a && a.length > 0) a.splice(0)
+    })
+    this.$bus.$emit('hide-retro', this.$el, false)
+  }
+
+  function retroType(solution, reponse) {
+    if (solution != null) {
+      if (reponse.length == solution.length) {
+        let Ag = (i) => i.correct
+        if (reponse.every(Ag)) return 'retro_positive'
+        else return 'retro_negative'
+      } else {
+        return 'retro_negative'
+      }
+    } else {
+      return `retro_neutre`
+    }
+  }
+
+  return {
+    addRetroStyle,
+    resetRetroStyle,
+    retroType,
+    shuffleArray
+  }
+}