codevdesign 1.0.32 → 1.0.34

package/composants/gabarit/pivEntete.vue

@@ -1,205 +0,0 @@
-<template>
-  <v-toolbar
-    color="primary"
-    height="72px"
-    elevation="1"
-  >
-    <v-row
-      class="pl-6 pr-6"
-      align="center"
-      no-gutters
-    >
-      <!-- Première colonne : Logo -->
-      <v-col cols="auto">
-        <a
-          :href="href"
-          :target="cssUrlValide ? '_blank' : undefined"
-          :rel="cssUrlValide ? 'noopener noreferrer' : undefined"
-        >
-          <!-- Placeholder (même taille) pendant la décision -->
-          <div
-            v-if="!ready"
-            class="logo-placeholder"
-          ></div>
-          <!-- On ne rend l'image qu'une fois la source choisie -->
-          <img
-            v-else
-            class="logo-img"
-            id="pivImage"
-            :src="currentSrc!"
-            :alt="$t('csqc.pivFooter.logoAlt')"
-            decoding="async"
-            loading="eager"
-            @error="ErreurLogo"
-          />
-        </a>
-      </v-col>
-
-      <!-- Colonne pour le nom de l'application (Pour le mode desktop) -->
-      <v-col
-        v-if="!estMobile"
-        class="d-flex justify-center"
-      >
-        <v-app-bar-title
-          class="pl-12 ml-12"
-          style="font-size: 16px !important"
-        >
-          {{ formulaireNom }}
-        </v-app-bar-title>
-      </v-col>
-
-      <!-- Colonne pour le bouton de langue et icône d'aide  -->
-      <v-col class="d-none d-flex justify-end">
-        <!-- langue -->
-        <v-btn
-          variant="text"
-          @click="enregistrerLangue()"
-          >{{ $t('csqc.pivEntete.langue') }}
-        </v-btn>
-
-        <!-- icône d'aide si dispo -->
-        <v-btn
-          v-if="aideUrl"
-          icon="mdi-help-circle-outline"
-          :href="aideUrl"
-          target="_blank"
-          rel="noopener noreferrer"
-          style="margin-top: -6px"
-        >
-        </v-btn>
-
-        <slot name="droite"></slot>
-      </v-col>
-
-      <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
-      <v-col
-        v-if="props.estMobile"
-        cols="12"
-      >
-        <v-app-bar-title style="font-size: 16px !important">
-          {{ formulaireNom }}
-        </v-app-bar-title>
-      </v-col>
-    </v-row>
-  </v-toolbar>
-</template>
-
-<script setup lang="ts">
-  import { ref, watch, computed } from 'vue'
-  import { useLocale } from 'vuetify'
-  import { useI18n } from 'vue-i18n'
-
-  const { current } = useLocale()
-  const props = defineProps({
-    estMobile: { type: Boolean, default: false },
-    urlBase: { type: String, required: true },
-    aideUrl: { type: String, default: '' },
-    cssUrl: { type: String, default: '' },
-    logoUrl: { type: String, default: '' },
-    lienLogo: { type: String, default: '' },
-    formulaireId: { type: Number, default: 0 },
-    formulaireNom: { type: String, default: '' },
-  })
-  const emit = defineEmits(['changementLangue'])
-  const { t } = useI18n()
-
-  const FALLBACK = '/images/QUEBEC_blanc.svg'
-  const currentSrc = ref<string | null>(null) // pas d'image tant que null
-  const ready = ref(false)
-
-  const formulaireNom = computed(() => {
-    return props.formulaireNom || t('nom_application')
-  })
-
-  const href = computed(() => (props.cssUrl?.trim() ? props.cssUrl.trim() : '/'))
-  const cssUrlValide = computed(() => /^https?:\/\//i.test(href.value))
-
-  let loadToken = 0 // ← identifiant de “requête” pour annuler logiquement
-
-  // Sur changement de l’URL du logo, on tente de le charger, sinon fallback apres 3.5 secs
-  watch(
-    () => props.logoUrl,
-    async (nouvelle, ancienne) => {
-      const url = (nouvelle ?? '').trim()
-
-      // même URL → ne rien faire
-      if (url === (ancienne ?? '').trim() && currentSrc.value !== null) return
-
-      // pas d’URL → fallback immédiat
-      if (!url) {
-        currentSrc.value = FALLBACK
-        ready.value = true
-        return
-      }
-
-      // nouvelle tentative (avec “annulation logique”)
-      const token = ++loadToken
-      ready.value = false
-      const ok = await loadWithTimeout(url, 3500)
-      if (token !== loadToken) return // une nouvelle tentative a démarré entre-temps
-
-      currentSrc.value = ok ? url : FALLBACK
-      ready.value = true
-    },
-    { immediate: true },
-  )
-
-  // Charge une image avec un timeout
-  function loadWithTimeout(url: string, timeoutMs: number): Promise<boolean> {
-    return new Promise<boolean>(resolve => {
-      const img = new Image()
-      const timer = setTimeout(() => {
-        // trop long → on abandonne
-        img.src = '' // stoppe le chargement
-        resolve(false)
-      }, timeoutMs)
-
-      img.onload = () => {
-        clearTimeout(timer)
-        resolve(true)
-      }
-      img.onerror = () => {
-        clearTimeout(timer)
-        resolve(false)
-      }
-      img.src = url
-    })
-  }
-
-  // Si l'image choisie a un problème, switch sur le fallback
-  function ErreurLogo() {
-    if (currentSrc.value !== FALLBACK) currentSrc.value = FALLBACK
-  }
-
-  const enregistrerLangue = (): void => {
-    const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
-    let returnUrl = window.location.pathname + window.location.search
-    if (import.meta.env.MODE === 'development') {
-      returnUrl = '/'
-    }
-    window.location.href =
-      props.urlBase + `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(returnUrl)}`
-    emit('changementLangue')
-  }
-</script>
-
-<style scoped>
-  .container {
-    max-width: none !important;
-  }
-  .theme--light.v-app-bar.v-toolbar.v-sheet {
-    background: #095797;
-
-    color: #fff;
-  }
-  .logo-placeholder {
-    height: 72px;
-    width: 180px;
-  }
-  .logo-img {
-    height: 72px;
-    transition: opacity 0.15s;
-    opacity: 1;
-    display: block;
-  }
-</style>

package/composants/gabarit/pivPiedPage.vue

@@ -1,70 +0,0 @@
-<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>

package/composants/gabarit/vueDefault.vue

@@ -1,5 +0,0 @@
-<template>
-  <router-view />
-</template>
-
-<script setup lang="ts"></script>

package/composants/validateurs.ts

@@ -1,183 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ChoixLangue } from '@/enums/choixLangue'
-
-/**
- * Valide que le champ contient une valeur définie et non vide.
- * Accepte les chaînes de caractères non vides, les nombres différents de 0,
- * et toute autre valeur définie (ex. objets sélectionnés dans un v-select).
- *
- * @param valeur La valeur saisie ou sélectionnée dans le champ.
- * @returns true si la valeur est considérée comme valide, sinon retourne un message d'erreur.
- */
-
-export function estRequis(valeur: unknown, t: (key: string, params?: any) => string): true | string {
-  if (valeur == null) return t('csqc.validateurs.estRequis')
-
-  if (typeof valeur === 'number' && isNaN(valeur)) return t('csqc.validateurs.estRequis')
-
-  if (typeof valeur === 'string') {
-    return valeur.trim().length > 0 || t('csqc.validateurs.estRequis')
-  }
-
-  return true // On considère tout le reste comme valide (ex: number, object, etc.)
-}
-
-/**
- * Valide que le champ contient une valeur qui est d'une longeur minimale.
- * @param valeur La valeur saisie du champ texte.
- * @param min La longeur minimale de la valeur.
- * @returns true si la longeur de la valeur est égale ou supérieure au minimum, sinon retourne un message d'erreur.
- */
-export function estMinimumLongueur(valeur: string, min: number, t: (key: string, params?: any) => string) {
-  if (min <= 0) {
-    min = 1
-    console.warn(
-      'CsqcValidateurs (estMinimumLongeur) - Une valeur négative ou égale à 0 a été reçue. Assurez-vous de passer une valeur supérieur à 0 dans la fonction estMinimumLongeur. La valeur a été mise à 1.',
-    )
-  }
-  return (valeur && valeur.trim().length >= min) || t('csqc.validateurs.estMinimumLongueur', { count: min, nbCaracteres: min })
-}
-
-/**
- * Valide que le champ contient une valeur qui ne dépasse pas une longeur maximale.
- * @param valeur La valeur saisie du champ texte.
- * @param max La longeur maximale (inclusive) de la valeur.
- * @returns true si la longeur de la valeur est inférieure ou égale au maximum, sinon retourne un message d'erreur.
- */
-export function estMaximumLongueur(valeur: string, max: number, t: (key: string, params?: any) => string) {
-  if (max < 1) {
-    max = 1
-    console.warn(
-      'CsqcValidateurs (estMaximumLongueur) - Une valeur négative ou égale à 0 a été reçue. Assurez-vous de passer une valeur supérieur à 0 dans la fonction estMaximumLongueur. La valeur a été mise à 1.',
-    )
-  }
-
-  return (valeur && valeur.trim().length <= max) || t('csqc.validateurs.estMaximumLongueur', { count: max, nbCaracteres: max })
-}
-
-/**
- * Vérifie qu'une valeur passée en paramètre est unique parmis une liste de valeurs. La validation du bilinguisme sera appliquée
- * selon la langue CSS configurée et passée en option.
- * @param valeur La valeur a vérifier
- * @param modele L'instance d'un modèle avec un primary key id
- * @param options Les configurations de la fonction
- * @returns Vrai si la valeur est unique, ou une string d'erreur si un doublon est trouvé.
- */
-export function estUniqueBilingue<T extends ModeleAvecId>(
-  valeur: string,
-  modele: T,
-  options: EstUniqueOptionsBilingue<T>,
-  t: (key: string, params?: any) => string,
-) {
-  // Affectations valeurs par défaut
-  const { champs, langueCss, valeurs } = options
-  if (!langueCss) options.langueCss = ChoixLangue.Francais
-  valeur = valeur.toLowerCase().trim()
-
-  switch (langueCss) {
-    case ChoixLangue.Anglais:
-      if (!champs.Anglais) {
-        console.error(
-          'CsqcValidateurs (estUnique) - Le champ anglais doit être speçifié lorsque la langueCss est en anglais.',
-        )
-        throw Error(
-          'CsqcValidateurs (estUnique) - Le champ anglais doit être speçifié lorsque la langueCss est en anglais.',
-        )
-      }
-      return (
-        !valeurs.find(
-          e =>
-            (e[champs.Anglais!] as string) != null &&
-            (e[champs.Anglais!] as string).toLowerCase().trim() === valeur &&
-            e.id !== modele.id,
-        ) || t('csqc.validateurs.estUnique', { valeurExistante: valeur })
-      )
-    case ChoixLangue.Francais:
-      if (!champs.Francais) {
-        console.error(
-          'CsqcValidateurs (estUnique) - Le champ français doit être speçifié lorsque la langueCss est en français.',
-        )
-        throw Error(
-          'CsqcValidateurs (estUnique) - Le champ français doit être speçifié lorsque la langueCss est en français.',
-        )
-      }
-      return (
-        valeurs.find(
-          e =>
-            (e[champs.Francais!] as string) != null &&
-            (e[champs.Francais!] as string).toLowerCase().trim() === valeur &&
-            e.id !== modele.id,
-        ) == null || t('csqc.validateurs.estUnique', { valeurExistante: valeur })
-      )
-    case ChoixLangue.Bilingue:
-      if (!champs.Anglais || !champs.Francais) {
-        console.error(
-          "CsqcValidateurs (estUnique) - Les deux champs (français et anglais) doivent être speçifiés lorsque qu'on est en mode de validation bilingue.",
-        )
-        throw Error(
-          "CsqcValidateurs (estUnique) - Les deux champs (français et anglais) doivent être speçifiés lorsque qu'on est en mode de validation bilingue.",
-        )
-      }
-      const estUnique =
-        valeurs.find(
-          e =>
-            ((e[champs.Francais!] != null && (e[champs.Francais!] as string).toLowerCase().trim() === valeur) ||
-              (e[champs.Anglais!] != null && (e[champs.Anglais!] as string).toLowerCase().trim() === valeur)) &&
-            e.id !== modele.id,
-        ) == null
-      return estUnique || t('csqc.validateurs.estUnique', { valeurExistante: valeur })
-    default:
-      break
-  }
-
-  throw Error('pas supposé être ici')
-}
-
-/**
- * Vérifie qu'une valeur passée en paramètre est unique parmis une liste de valeurs.
- * @param valeur La valeur a vérifier
- * @param modele L'instance d'un modèle avec un primary key id
- * @param options Les configurations de la fonction
- * @returns Vrai si la valeur est unique, ou une string d'erreur si un doublon est trouvé.
- */
-export function estUnique<T extends ModeleAvecId>(
-  valeur: string,
-  modele: T,
-  options: EstUniqueOptions<T>,
-  t: (key: string, params?: any) => string,
-) {
-  const { champ, valeurs } = options
-  return (
-    !valeurs.some(
-      e =>
-        e[champ] != null &&
-        (e[champ] as string).toLowerCase().trim() === valeur.toLowerCase().trim() &&
-        e.id !== modele.id,
-    ) || t('csqc.validateurs.estUnique', { valeurExistante: valeur })
-  )
-}
-
-type ModeleAvecId = { id: number }
-
-type ValeursChampEstUniqueOptions<ModeleAvecId> = {
-  ['Francais']?: keyof ModeleAvecId
-  ['Anglais']?: keyof ModeleAvecId
-}
-
-interface EstUniqueOptionsBilingue<T extends ModeleAvecId> {
-  champs: ValeursChampEstUniqueOptions<T>
-  valeurs: T[]
-  langueCss?: ChoixLangue
-}
-
-interface EstUniqueOptions<T extends ModeleAvecId> {
-  champ: keyof T
-  valeurs: T[]
-}
-export default {
-  estRequis,
-  estMinimumLongueur,
-  estMaximumLongueur,
-  estUnique,
-  estUniqueBilingue,
-}

package/enums/choixLangue.ts

@@ -1,10 +0,0 @@
-/**
- * This is a TypeGen auto-generated file.
- * Any changes made to this file can be lost when this file is regenerated.
- */
-
-export enum ChoixLangue {
-  Francais = 0,
-  Anglais = 1,
-  Bilingue = 2,
-}

package/index.ts

@@ -1,39 +0,0 @@
-// i18n
-export { default as csqcFr } from './locales/fr.json'
-export { default as csqcEn } from './locales/en.json'
-
-// Composants
-export { default as csqcAlerteErreur } from './composants/csqcAlerteErreur.vue'
-export { default as csqcDialogue } from './composants/csqcDialogue.vue'
-export { default as csqcOptionSwitch } from './composants/csqcOptionSwitch.vue'
-export { default as csqcRecherche } from './composants/csqcRecherche.vue'
-export { default as csqcSnackbar } from './composants/csqcSnackbar.vue'
-export { default as csqcTiroir } from './composants/csqcTiroir.vue'
-export { default as pivEntete } from './composants/gabarit/pivEntete.vue'
-export { default as pivFooter } from './composants/gabarit/pivPiedPage.vue'
-export { default as csqcMenu } from './composants/gabarit/csqcMenu.vue'
-export { default as csqcConfirmation } from './composants/csqcConfirmation.vue'
-export { default as csqcSaisie } from './composants/csqcModaleSaisie.vue'
-export { default as csqcDate } from './composants/csqcDate.vue'
-export { default as csqcTable } from './composants/csqcTable/csqcTable.vue'
-export { default as csqcCodeBudgetaire } from './composants/csqcCodeBudgetaireGenerique.vue'
-export { default as csqcChaise } from './composants/csqcChaise/chaiseConteneur.vue'
-export { default as csqcAide } from './composants/csqcAide.vue'
-export { default as csqcEntete } from './composants/csqcEntete.vue'
-export { default as csqcTexteBilingue } from './composants/csqcTexteBilingue.vue'
-export { default as csqcEditeurTexteRiche } from './composants/csqcEditeurTexteRiche.vue'
-export { default as csqcImportCSV } from './composants/csqcImportCSV.vue'
-export { default as csqcRechercheUtilisateur } from './composants/csqcRechercheUtilisateur.vue'
-export { default as validateurs } from './composants/validateurs'
-
-// Modèles
-export { default as NotificationGabaritDefaut } from './modeles/notificationGabaritDefaut'
-export { default as modeleSnackbar } from './modeles/composants/snackbar'
-export { default as colonne } from './modeles/composants/datatableColonne'
-export { default as apiReponse } from './modeles/apiReponse'
-export { default as data } from './modeles/data'
-export { default as response } from './modeles/response'
-
-// Outils
-export { default as csqcRafraichisseurToken } from './outils/rafraichisseurToken'
-export { default as csqcOutils } from './outils/csqcOutils'

package/locales/en.json

@@ -1,100 +0,0 @@
-{
-  "csqc": {
-    "bouton": {
-      "activer": "Activate",
-      "ajouter": "Add",
-      "annuler": "Cancel",
-      "anonymiser": "Anonymize",
-      "completer": "Complete",
-      "continuer": "Continue",
-      "desactiver": "Deactivate",
-      "envoyer": "Send",
-      "exporter": "Export",
-      "fermer": "Close",
-      "generer": "Generate",
-      "importer": "Import",
-      "modifier": "Edit",
-      "non": "No",
-      "ok": "Ok",
-      "oui": "Yes",
-      "ouvrir": "Open",
-      "recharger": "Reload",
-      "reinitialiser": "Reset",
-      "restaurer": "Restore",
-      "sauvegarder": "Save",
-      "supprimer": "Delete",
-      "televerser": "Upload"
-    },
-    "csqcChaise": {
-      "erreur": "Please make a selection for all units.",
-      "info": "This claim will have to be verified by the following unit(s). For those with more than one possibility, please select the choice that suits you.",
-      "titre": "Tracking Preference"
-    },
-    "csqcEmploisEmploye": {
-      "dateDebut": "Start Date",
-      "dateFin": "End Date",
-      "etat": "Status",
-      "etatActif": "Active",
-      "lieuPrincipal": "Primary Location",
-      "lieuSecondaire": "Secondary Location|Secondary Locations",
-      "principal": {
-        "libelle": "Principal",
-        "non": "No",
-        "oui": "Yes"
-      },
-      "statut": "Status",
-      "titre": "Employee Jobs"
-    },
-    "csqcImportCSV": {
-      "erreur": {
-        "erreur": "Import Error.",
-        "lectureFichier": "Error reading CSV file."
-      }
-    },
-    "csqcMenu": {
-      "deconnexion": "Logout"
-    },
-    "csqcRechercheUtilisateur": {
-      "ajouterUtilisateurInfo": "You can enter here the Office 365 identifier or the employee’s payroll number. Then click on the magnifying glass. If this information is found in the payroll system, the user will be added. Note that the user must have a valid portal email address in the payroll system.",
-      "aucunEmploi": "No job found",
-      "aucunResultat": "No result found",
-      "corpsEmploi": "Job category",
-      "erreur": " An error occurred while searching for the user.",
-      "identifiantOuMatricule": "Office 365 identifier or payroll number",
-      "placeholderRechercheUtilisateur": "Search for a user",
-      "revenirRecherche": "Back to search",
-      "utilisateurIntrouvable": "The employee you searched for could not be found",
-      "utilisateurs": "Employee"
-    },
-    "label": {
-      "actif": "Active",
-      "fermer": "Close",
-      "nom": "Name",
-      "recherche": "Search",
-      "rechercheAvanceeDefaut": "Advanced search",
-      "rechercher": "Search"
-    },
-    "message": {
-      "chaiseSelection": "No selection for this unit",
-      "chaiseSelectionToutes": "Please make a selection for all units.",
-      "supprimerMessage": "Are you sure you want to delete {nom}?",
-      "supprimerTitre": "Delete confirmation!"
-    },
-    "pivEntete": {
-      "langue": "Français"
-    },
-    "pivFooter": {
-      "logoAlt": ""
-    },
-    "placeholder": {
-      "date": "Choose a date",
-      "selectionner": "Select"
-    },
-    "validateurs": {
-      "estMaximumLongueur": "None | This field must not exceed {nbCaracteres} character | This field must not exceed {nbCaracteres} characters.",
-      "estMinimumLongueur": "None | This field is too short, it must contain at least {nbCaracteres} character | This field is too short, it must contain at least {nbCaracteres} characters.",
-      "estRequis": "This field is required",
-      "estUnique": "The value '{valeurExistante}' already exists"
-    }
-  }
-}