codevdesign 0.0.47 → 0.0.49

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>