codevdesign 0.0.48 → 0.0.49

package/composants/csqcTable/csqcTableExportExcel.vue

@@ -1,58 +1,58 @@
-<template>
-  <v-icon
-    right
-    color="grisMoyen"
-    @click="exportToXLSX"
-    icon="mdi-microsoft-excel"
-  >
-  </v-icon>
-</template>
-
-<script setup lang="ts">
-  import { utils, writeFileXLSX } from '@e965/xlsx'
-  import { computed } from 'vue'
-
-  const props = defineProps<{
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    liste: any[]
-    nomFichier: string
-    chargementListe: boolean
-  }>()
-
-  // Extraction des clés uniques de tous les objets
-  const cleDynamique = computed(() => {
-    const keys = new Set<string>()
-
-    // Parcours tous les objets de la liste et ajoute leurs clés
-    props.liste.forEach(item => {
-      if (typeof item === 'object' && item !== null) {
-        Object.keys(item).forEach(key => keys.add(key))
-      }
-    })
-    return Array.from(keys)
-  })
-
-  // Fonction pour exporter les données en Excel
-  const exportToXLSX = () => {
-    if (!props.liste.length) {
-      console.warn('La liste est vide, exportation annulée.')
-      return
-    }
-
-    // Récupération des en-têtes depuis la fonction cleDynamique
-    const headers = cleDynamique.value
-
-    //  Construction des lignes en respectant l'ordre des en-têtes
-    const rows = props.liste.map(item => {
-      return headers.map(key => (key in item ? item[key] : '')) // Valeur ou vide si absente
-    })
-
-    //  Création des données Excel (en-têtes + lignes)
-    const data = [headers, ...rows]
-    //  Génération du fichier Excel
-    const ws = utils.aoa_to_sheet(data)
-    const wb = utils.book_new()
-    utils.book_append_sheet(wb, ws, '1')
-    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
-  }
-</script>
+<template>
+  <v-icon
+    end
+    color="grisMoyen"
+    icon="mdi-microsoft-excel"
+    @click="exportToXLSX"
+  >
+  </v-icon>
+</template>
+
+<script setup lang="ts">
+  import { utils, writeFileXLSX } from '@e965/xlsx'
+  import { computed } from 'vue'
+
+  const props = defineProps<{
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    liste: any[]
+    nomFichier: string
+    chargementListe: boolean
+  }>()
+
+  // Extraction des clés uniques de tous les objets
+  const cleDynamique = computed(() => {
+    const keys: Set<string> = new Set()
+
+    // Parcours tous les objets de la liste et ajoute leurs clés
+    props.liste.forEach(item => {
+      if (typeof item === 'object' && item !== null) {
+        Object.keys(item).forEach(key => keys.add(key))
+      }
+    })
+    return Array.from(keys)
+  })
+
+  // Fonction pour exporter les données en Excel
+  const exportToXLSX = () => {
+    if (!props.liste.length) {
+      console.warn('La liste est vide, exportation annulée.')
+      return
+    }
+
+    // Récupération des en-têtes depuis la fonction cleDynamique
+    const headers = cleDynamique.value
+
+    //  Construction des lignes en respectant l'ordre des en-têtes
+    const rows = props.liste.map(item => {
+      return headers.map(key => (key in item ? item[key] : '')) // Valeur ou vide si absente
+    })
+
+    //  Création des données Excel (en-têtes + lignes)
+    const data = [headers, ...rows]
+    //  Génération du fichier Excel
+    const ws = utils.aoa_to_sheet(data)
+    const wb = utils.book_new()
+    utils.book_append_sheet(wb, ws, '1')
+    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
+  }
+</script>

package/composants/csqcTexteBilingue.vue

@@ -1,61 +1,61 @@
 <template>
   <v-row dense>
     <v-col
-      cols="12"
       v-if="afficherChampFr"
+      cols="12"
     >
       <label
+        v-if="!libelleInterieur"
         :for="`saisieChampFr-${cleTradFr}`"
         :class="{ libelle: true, required: estRequis }"
-        v-if="!libelleInterieur"
         >{{ $t(cleTradFr) }}</label
       >
       <v-textarea
-        :id="`saisieChampFr-${cleTradFr}`"
         v-if="textarea"
+        :id="`saisieChampFr-${cleTradFr}`"
+        v-model="model[champs.Francais]"
         density="comfortable"
         rows="1"
         :label="libelleInterieur ? $t(cleTradFr) : ''"
-        v-model="model[champs.Francais]"
         :rules="reglesInterne"
         :autofocus="autofocus && afficherChampFr"
       />
       <v-text-field
-        :id="`saisieChampFr-${cleTradFr}`"
         v-else
+        :id="`saisieChampFr-${cleTradFr}`"
+        v-model="model[champs.Francais]"
         density="comfortable"
         :label="libelleInterieur ? $t(cleTradFr) : ''"
-        v-model="model[champs.Francais]"
         :rules="reglesInterne"
         :autofocus="autofocus && afficherChampFr"
       />
     </v-col>
     <v-col
-      cols="12"
       v-if="afficherChampEn"
+      cols="12"
     >
       <label
+        v-if="!libelleInterieur"
         :for="`saisieChampEn-${cleTradEn}`"
         :class="{ libelle: true, required: estRequis }"
-        v-if="!libelleInterieur"
         >{{ $t(cleTradEn) }}</label
       >
       <v-textarea
-        :id="`saisieChampEn-${cleTradEn}`"
         v-if="textarea"
+        :id="`saisieChampEn-${cleTradEn}`"
+        v-model="model[champs.Anglais]"
         rows="1"
         density="comfortable"
         :label="libelleInterieur ? $t(cleTradEn) : ''"
-        v-model="model[champs.Anglais]"
         :rules="reglesInterne"
         :autofocus="autofocus && !afficherChampFr"
       />
       <v-text-field
         v-else
         :id="`saisieChampEn-${cleTradEn}`"
+        v-model="model[champs.Anglais]"
         density="comfortable"
         :label="libelleInterieur ? $t(cleTradEn) : ''"
-        v-model="model[champs.Anglais]"
         :rules="reglesInterne"
         :autofocus="autofocus && !afficherChampFr"
       />
@@ -78,7 +78,7 @@
     estUniqueValeurs?: T[]
     minimumLongueur?: number
     maximumLongueur?: number
-    regles?: Array<(v: string) => string | true>
+    regles?: ((v: string) => string | true)[]
     langue: ChoixLangue
     i18nLibelleRacine: string
     champs: { ['Francais']: keyof T; ['Anglais']: keyof T }
@@ -97,7 +97,7 @@
   })
 
   const reglesInterne = computed(() => {
-    const _regles: Array<(v: string) => string | true> = regles.value ?? []
+    const _regles: ((v: string) => string | true)[] = regles.value ?? []
 
     if (minimumLongueur.value && maximumLongueur.value && minimumLongueur.value > maximumLongueur.value) {
       console.error(

package/composants/csqcTiroir.vue

@@ -24,7 +24,7 @@
         style="font-size: 24px"
       >
         <slot name="titre"></slot>
-        <div class="headline">{{ titre }}</div>
+        <div text-h5>{{ titre }}</div>
       </v-card-title>
 
       <v-card-text class="pa-0 ma-0 pb-6 pr-6">
@@ -53,7 +53,6 @@
           :loading="operationEnCours"
           :disabled="btnOkDesactiver || operationEnCours"
           @click="okBouton"
-          outlined
         >
           {{ props.btnOkTexte ? props.btnOkTexte : $t('csqc.bouton.ok') }}
         </v-btn>

package/composants/gabarit/csqcMenu.vue

@@ -12,8 +12,8 @@
         class="pt-1"
       >
         <v-btn
-          variant="text"
           v-if="doitAfficherItemMenu(item)"
+          variant="text"
           :to="item.path"
           :active="item.path === route"
           :active-color="'white'"
@@ -24,9 +24,9 @@
       <v-spacer></v-spacer>
       <!-- Sous Liste -->
       <v-menu
-        open-on-hover
         v-for="(item, index) in filtrerSousListe"
         :key="index"
+        open-on-hover
       >
         <template v-slot:activator="{ props }">
           <v-btn
@@ -59,10 +59,10 @@
         </v-list>
       </v-menu>
       <v-btn
-        variant="text"
         v-if="btnDeconnexion"
-        @click="deconnexion"
+        variant="text"
         :style="'min-width: 100px;'"
+        @click="deconnexion"
         >{{ $t('csqc.csqcMenu.deconnexion') }}</v-btn
       >
     </v-toolbar>
@@ -123,8 +123,8 @@
           </v-list-group>
           <v-list-item
             v-if="btnDeconnexion"
-            @click="deconnexion"
             :title="$t('csqc.csqcMenu.deconnexion')"
+            @click="deconnexion"
           />
         </div>
       </v-list>
@@ -135,6 +135,7 @@
 <script setup lang="ts">
   import type { MenuItem, SousListe, SousListeItems } from '../../modeles/composants/csqcMenuModele'
   import { ref, computed } from 'vue'
+
   const props = defineProps({
     estMobile: {
       type: Boolean,
@@ -168,6 +169,7 @@
       default: () => ({}),
     },
   })
+
   const menu = ref<boolean>(false)
   const emit = defineEmits(['deconnexion'])
 

package/composants/gabarit/pivEntete.vue

@@ -14,16 +14,16 @@
         <a href="/">
           <img
             v-if="texteVide(logoUrl)"
+            id="pivImage"
             src="/images/QUEBEC_blanc.svg"
             height="72"
-            id="pivImage"
             :alt="$t('csqc.pivFooter.logoAlt')"
           />
           <img
             v-else
+            id="pivImage"
             :src="logoUrl"
             height="72"
-            id="pivImage"
             :alt="$t('csqc.pivFooter.logoAlt')"
           />
         </a>
@@ -53,7 +53,7 @@
 
       <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
       <v-col
-        v-if="estMobile"
+        v-if="props.estMobile"
         cols="12"
       >
         <v-app-bar-title style="font-size: 16px !important">
@@ -66,6 +66,7 @@
 
 <script setup lang="ts">
   import { useLocale } from 'vuetify'
+
   const { current } = useLocale()
   const texteVide = (texte: string | undefined, retirerEspace: boolean = true): boolean => {
     let retour = texte === undefined || texte === null || texte === ''
@@ -91,12 +92,14 @@
       default: '',
     },
   })
-
+  const emit = defineEmits(['changementLangue'])
   // Fonction pour enregistrer la langue
   const enregistrerLangue = (): void => {
     const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
-    const returnUrl: string = encodeURIComponent(window.location.pathname) + encodeURIComponent(window.location.hash)
-    window.location.href = `${props.urlBase}/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${returnUrl}`
+    window.location.href =
+      props.urlBase +
+      `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(props.urlBase + window.location.hash)}`
+    emit('changementLangue')
   }
 </script>
 

package/composants/gabarit/pivPiedPage.vue

@@ -1,70 +1,70 @@
-<template>
-  <footer>
-    <div class="footer-content">
-      <a href="https://quebec.ca">
-        <img
-          id="logoFooter"
-          alt="Gouvernement du Québec."
-          src="/images/QUEBEC_couleur.svg"
-          width="117"
-          height="35"
-        />
-      </a>
-      <div>
-        <small>
-          <a
-            href="http://www.droitauteur.gouv.qc.ca/copyright.php"
-            target="_blank"
-            >© Gouvernement du Québec {{ anneeEnCours }}
-          </a>
-
-          <a
-            v-if="props.version"
-            :href="props.lien"
-            target="_blank"
-            ><br />
-            version <span v-html="props.version"
-          /></a>
-        </small>
-      </div>
-    </div>
-  </footer>
-</template>
-
-<script setup lang="ts">
-  import { computed } from 'vue'
-
-  const props = defineProps<{
-    version?: string
-    lien?: string
-  }>()
-
-  const anneeEnCours = computed<number>(() => {
-    return new Date().getFullYear()
-  })
-</script>
-
-<style scoped>
-  footer {
-    display: flex;
-    justify-content: center; /* Centrer horizontalement */
-    align-items: center; /* Centrer verticalement */
-    text-align: center; /* Centrer le texte à l'intérieur des éléments */
-    height: 100px; /* Ajuster la hauteur du footer */
-  }
-
-  .footer-content {
-    display: flex;
-    flex-direction: column; /* Disposer les éléments les uns sous les autres */
-    justify-content: center; /* Centrer verticalement à l'intérieur de .footer-content */
-    align-items: center; /* Centrer horizontalement à l'intérieur de .footer-content */
-  }
-
-  footer a {
-    text-decoration: none; /* Supprimer le soulignement des liens */
-  }
-
-  footer small {
-    margin-top: 10px; /* Ajouter de l'espace entre l'image et le texte */
-  }
-</style>
+<template>
+  <footer>
+    <div class="footer-content">
+      <a href="https://quebec.ca">
+        <img
+          id="logoFooter"
+          alt="Gouvernement du Québec."
+          src="/images/QUEBEC_couleur.svg"
+          width="117"
+          height="35"
+        />
+      </a>
+      <div>
+        <small>
+          <a
+            href="http://www.droitauteur.gouv.qc.ca/copyright.php"
+            target="_blank"
+            >© Gouvernement du Québec {{ anneeEnCours }}
+          </a>
+
+          <a
+            v-if="props.version"
+            :href="props.lien"
+            target="_blank"
+            ><br />
+            version <span v-html="props.version"
+          /></a>
+        </small>
+      </div>
+    </div>
+  </footer>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+
+  const props = defineProps<{
+    version?: string
+    lien?: string
+  }>()
+
+  const anneeEnCours = computed<number>(() => {
+    return new Date().getFullYear()
+  })
+</script>
+
+<style scoped>
+  footer {
+    display: flex;
+    justify-content: center; /* Centrer horizontalement */
+    align-items: center; /* Centrer verticalement */
+    text-align: center; /* Centrer le texte à l'intérieur des éléments */
+    height: 100px; /* Ajuster la hauteur du footer */
+  }
+
+  .footer-content {
+    display: flex;
+    flex-direction: column; /* Disposer les éléments les uns sous les autres */
+    justify-content: center; /* Centrer verticalement à l'intérieur de .footer-content */
+    align-items: center; /* Centrer horizontalement à l'intérieur de .footer-content */
+  }
+
+  footer a {
+    text-decoration: none; /* Supprimer le soulignement des liens */
+  }
+
+  footer small {
+    margin-top: 10px; /* Ajouter de l'espace entre l'image et le texte */
+  }
+</style>