fcad-core-dragon 2.1.0-beta.4 → 2.1.0

package/src/components/AppBasePopover.vue

@@ -1,41 +1,41 @@
-<!--
- @ Description: This component is used to create a popover that is accessible via keyboard navigation (tab + space/enter)
--->
-<template>
-  <v-tooltip
-    ref="tooltip"
-    v-bind="$attrs"
-    v-model="show"
-    transition="false"
-    :open-on-click="true"
-    :persistent="false"
-  >
-    <slot></slot>
-  </v-tooltip>
-</template>
-
-<script>
-export default {
-  name: 'AppBasePopover',
-  data() {
-    return {
-      show: false,
-      alertContainer: null
-    }
-  },
-  watch: {
-    show: {
-      handler(newValue) {
-        if (newValue) {
-          const content = this.$refs.tooltip.contentEl.textContent
-          this.alertContainer.textContent = ''
-          this.alertContainer.textContent = content
-        }
-      }
-    }
-  },
-  mounted() {
-    this.alertContainer = document.getElementById('hiddenAlertContainer')
-  }
-}
-</script>
+<!--
+ @ Description: This component is used to create a popover that is accessible via keyboard navigation (tab + space/enter)
+-->
+<template>
+  <v-tooltip
+    ref="tooltip"
+    v-bind="$attrs"
+    v-model="show"
+    transition="false"
+    :open-on-click="true"
+    :persistent="false"
+  >
+    <slot></slot>
+  </v-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'AppBasePopover',
+  data() {
+    return {
+      show: false,
+      alertContainer: null
+    }
+  },
+  watch: {
+    show: {
+      handler(newValue) {
+        if (newValue) {
+          const content = this.$refs.tooltip.contentEl.textContent
+          this.alertContainer.textContent = ''
+          this.alertContainer.textContent = content
+        }
+      }
+    }
+  },
+  mounted() {
+    this.alertContainer = document.getElementById('hiddenAlertContainer')
+  }
+}
+</script>

package/src/components/AppBaseSkeleton.vue

@@ -6,7 +6,27 @@
 <template>
   <div class="skeleton-wrapper">
     <div v-if="skeletonText" class="skeleton-text">{{ skeletonText }}</div>
-    <div v-for="line in skeletonLines" :key="line" class="skeleton-line"></div>
+    <div v-for="line in skeletonLines" :key="line" class="skeleton-line" />
+
+    <div v-show="skeletonType == `quiz-choix`">
+      <v-skeleton-loader
+        type="heading, avatar,paragraph,
+      "
+      ></v-skeleton-loader>
+      <v-skeleton-loader type="avatar,paragraph"></v-skeleton-loader>
+      <v-skeleton-loader type="avatar,paragraph"></v-skeleton-loader>
+    </div>
+
+    <div v-show="skeletonType == `quiz-texte`">
+      <v-skeleton-loader
+        type="heading, image,
+      "
+      ></v-skeleton-loader>
+    </div>
+
+    <div v-show="skeletonType == `quiz-recall`">
+      <v-skeleton-loader type="heading, paragraph,image"></v-skeleton-loader>
+    </div>
   </div>
 </template>
 
@@ -14,8 +34,9 @@
 export default {
   name: 'AppBaseSkeleton',
   props: {
-    skeletonLines: { type: Number, default: 1 }, //number of skeleton lines to display
-    skeletonText: { type: String, default: `⏳ LOADING...` } //number of skeleton lines to display
+    skeletonLines: { type: Number, default: 0 }, //number of skeleton lines to display
+    skeletonText: { type: String, default: `` }, //number of skeleton lines to display
+    skeletonType: { type: String, default: `line` }
   }
 }
 </script>

package/src/components/AppCompAudio.vue

@@ -27,7 +27,12 @@
       </div>
       <!--Audio content-->
       <div v-show="!isLoading && !hasSourceLoadingError" class="audio-content">
-        <img v-if="mPoster" class="audio-img" :src="mPoster" :alt="mAlt" />
+        <img
+          v-if="mPoster"
+          class="audio-img"
+          :src="mPoster"
+          aria-hidden="true"
+        />
         <div class="audio-media">
           <span>{{ mTitle }}</span>
           <div class="audio-media-player">
@@ -88,7 +93,6 @@ export default {
       mSources: this.audData.mSources,
       mTranscript: this.audData.mTranscript,
       mPoster: this.audData.mPoster,
-      mAlt: this.audData.mAlt ? this.audData.mAlt : ' ',
       isSet: false,
       hasSourceLoadingError: false,
       hasErr: validateAudioData(this.audData)
@@ -243,4 +247,10 @@ export default {
     top: 0;
   }
 }
+
+.debug {
+  &:focus {
+    border: 5px solid rgba(#fff, 0.05);
+  }
+}
 </style>

package/src/components/AppCompInputCheckBoxNx.vue

@@ -11,7 +11,7 @@
         v-for="(choixReponse, index) in inputData"
         :Key="`div_chx_${id}_${choixReponse.id}`"
       >
-        <div class="box-checkbox" role="group">
+        <div class="box-checkbox">
           <label
             :key="`lbl_chx_${id}-${choixReponse.id}`"
             :for="`boxchx_${id}_${choixReponse.id}`"
@@ -36,7 +36,6 @@
             <span
               :id="`span_${id}_${choixReponse.id}`"
               class="checkbox-contenu"
-              aria-hidden="true"
               v-html="choixReponse.value"
             ></span>
             <span

package/src/components/AppCompInputRadioNx.vue

@@ -13,7 +13,7 @@
         v-for="(choixReponse, index) in quizInputDataValue"
         :Key="`div_chx_${id}-${choixReponse.id}`"
       >
-        <div class="box-radio" role="group">
+        <div class="box-radio">
           <label
             :key="`lbl_chx_${id}_${choixReponse.id}`"
             :for="`chx_${id}_${choixReponse.id}`"
@@ -37,7 +37,6 @@
 
             <span
               :id="`span_${id}_${choixReponse.id}`"
-              aria-hidden="true"
               class="radio-contenu"
               v-html="choixReponse.value"
             />
@@ -275,4 +274,11 @@ export default {
 fieldset {
   border: inherit;
 }
+
+.radio-label {
+  //position: relative;
+  span {
+    width: 90%;
+  }
+}
 </style>

package/src/components/AppCompInputTextToFillDropdownNx.vue

@@ -292,4 +292,49 @@ select {
 fieldset {
   border: inherit;
 }
+
+div.texteatrou {
+  display: inline !important;
+
+  
+  .cnt-input {
+    display: inline;
+    .v-input {
+      display: inline-block !important;
+
+      
+
+      :deep(.v-input__control),
+      :deep(.v-field) {
+        width: 240px !important;
+        grid-area: inherit !important;
+
+        .v-field__field {
+          height: 25px !important;
+          padding: 0 !important;
+          min-height: inherit !important;
+
+          div.v-field__input {
+            padding-top: 0 !important;
+            padding-bottom: 0 !important;
+            min-height: inherit !important;
+
+            .v-select__selection {
+              min-height: inherit !important;
+            }
+          }
+        }
+
+        .v-field__append-inner {
+          margin-right: 6px;
+        }
+      }
+
+      .v-input__details {
+        display: none;
+      }
+    }
+  }
+}
+
 </style>