codevdesign 1.0.10 → 1.0.12

package/composants/gabarit/pivEntete.vue

@@ -13,8 +13,8 @@
       <v-col cols="auto">
         <a
           :href="href"
-          :target="cssUrlValide ? '_blank' : null"
-          :rel="cssUrlValide ? 'noopener noreferrer' : null"
+          :target="cssUrlValide ? '_blank' : undefined"
+          :rel="cssUrlValide ? 'noopener noreferrer' : undefined"
         >
           <!-- Placeholder (même taille) pendant la décision -->
           <div

package/index.ts

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

package/outils/appAxios.ts

@@ -0,0 +1,116 @@
+import axios, { type AxiosInstance, type AxiosError, type AxiosResponse } from 'axios'
+import { useAppStore } from '@/store/appStore'
+import router from '@/router'
+
+type ApiReponse<T = unknown> =
+  // Succès
+  | {
+    succes: true
+    resultat: T
+    status?: number
+    message?: string
+    location?: string
+    parametres?: unknown
+    [k: string]: unknown
+  }
+  // Échec (le backend peut quand même renvoyer resultat null/absent)
+  | {
+    succes: false
+    resultat?: unknown
+    status?: number
+    message?: string
+    location?: string
+    parametres?: unknown
+    [k: string]: unknown
+  }
+
+let client: AxiosInstance | null = null
+let cachedBaseUrl = '' // pour éviter de régénérer une instance axios si rien n’a changé
+
+export default {
+  clearCache: false,
+
+  getAxios(): AxiosInstance {
+    // Singleton + clearCache
+    if (client && !this.clearCache) return client
+
+    const appStore = useAppStore()
+
+    const rawUrl = appStore.modeleCharger
+      ? appStore.appModele!.urlBase
+      : window.location.origin + import.meta.env.BASE_URL
+
+    const urlBase = rawUrl.endsWith('/') ? rawUrl.slice(0, -1) : rawUrl
+
+    // Si la base URL n'a pas changé et qu'on a déjà un client, on le renvoie
+    if (client && cachedBaseUrl === urlBase && !this.clearCache) return client
+    cachedBaseUrl = urlBase
+
+    client = axios.create({
+      baseURL: `${urlBase}/api`,
+      withCredentials: true,
+      timeout: 30_000,
+      headers: {
+        Accept: 'application/json',
+        'Content-Type': 'application/json',
+        'X-Requested-With': 'XMLHttpRequest',
+      },
+      // validateStatus: (s) => s >= 200 && s < 300, // défaut axios
+    })
+
+    client.interceptors.response.use(
+      (response: AxiosResponse<any>) => {
+        const data = response.data
+
+        // Détection de la réponse { succes, resultat }
+        if (data && typeof data === 'object' && 'succes' in data) {
+          const env = data as ApiReponse
+          return env.succes === true ? env.resultat : Promise.reject(env)
+        }
+
+        // Sinon, renvoyer data si présent, sinon la réponse complète
+        return data ?? response
+      },
+
+      (error: AxiosError<any>) => {
+        const status = error.response?.status
+        const payload = error.response?.data?.resultat ?? { message: error.message }
+
+        // 403 / 404
+        if (status === 403 || status === 404) {
+          try {
+            appStore.lancerErreur(payload)
+            if (router.currentRoute.value.name !== '403') {
+              router.push({ name: '403' })
+            }
+          } catch {
+            // no-op
+          }
+          return Promise.reject(payload)
+        }
+
+        // gérer les autres 4XX ici
+
+        // Log minimal
+        console.error('HTTP error', {
+          status,
+          url: error.config?.url,
+          payload,
+        })
+
+        // Remonter l’erreur normalisée dans appstore
+        try {
+          if (payload?.resultat) appStore.lancerErreur(payload)
+          else if (payload) appStore.lancerErreur(payload)
+        } catch {
+          // no-op
+        }
+        return Promise.reject(payload)
+      },
+    )
+
+    // reset le flag si on l’avait utilisé pour forcer la recréation de l'instance
+    this.clearCache = false
+    return client
+  },
+}

package/outils/csqcOutils.ts

@@ -0,0 +1,366 @@
+/** ATTENTION
+ * Ne pas ajouter ou modifier de fonctions ici.  Créer son propre fichier d'outils pour votre app.
+ * Ces outils sont des outils communs.
+ * */
+
+class CSQCOutils {
+  racineLocalStorage = 'csqc_CodevDesign'
+
+  /**
+   * Concatène une string avec le marqueur de séparation demandée.
+   * @param texteOrigine Le texte d'origine
+   * @param texteAjoute Le texte a concaténer
+   * @param separateur (Default: ', ') Le séparateur à ajouter entre les deux textes.
+   * */
+  ConcateneTexte(texteOrigine: string, texteAjoute: string, separateur: string = ', ') {
+    let retour = texteOrigine
+    if (this.TexteVide(texteOrigine) === false) {
+      retour += separateur
+    }
+
+    return retour + texteAjoute
+  }
+
+  /**
+   * Retourne true si le texte n'est pas défini ou s'il est null ou vide. Tous les espaces sont retirés par défaut.
+   * @param texte Le texte a inspecter.
+   * @param retirerEspace (Default: true) Si true, les espaces seront enlevés du texte
+   */
+  TexteVide(texte?: string | null, retirerEspace = true) {
+    let retour = texte === undefined || texte == null || texte === ''
+    if (retour === false && retirerEspace === true) {
+      const temp = texte
+      retour = temp?.replace(' ', '') === ''
+    }
+
+    return retour
+  }
+
+  /**
+   * Pad un texte avec des caractères à gauche
+   * @param texte Texte à padder
+   * @param caractere Caractère à utiliser
+   * @param longueurFinale Longueur finale à atteindre
+   */
+  PadGauche(texte: string, caractere: string, longueurFinale: number) {
+    while (texte.length < longueurFinale) {
+      texte = caractere + texte
+    }
+    return texte
+  }
+
+  /**
+   * Pad un texte avec des caractères à droite
+   * @param texte Texte à padder
+   * @param caractere Caractère à utiliser
+   * @param longueurFinale Longueur finale à atteindre
+   */
+  PadDroit(texte: string, caractere: string, longueurFinale: number) {
+    while (texte.length < longueurFinale) {
+      texte += caractere
+    }
+    return texte
+  }
+
+  /**
+   * Transforme un nombre en string en arrondissant au nombre maximal de décimales.
+   * Ex : 14,57582 avec un affichage sur 2 décimales sera 15,58
+   * Si le nombre est 14,6 avec 2 décimales, le retour sera 14,6
+   * @param nombre Nombre à transformer en string
+   * @param nbDecimale Nombre maximal de décimales à afficher
+   */
+  DecimaleVariable(nombre: number, nbDecimale: number) {
+    let valeurRetour = 0
+    while (valeurRetour === 0 && nbDecimale > 0) {
+      const multiplicateur = 10 ** (nbDecimale - 1)
+      valeurRetour = (nombre * multiplicateur) % 1
+      if (valeurRetour === 0) {
+        nbDecimale -= 1
+      }
+    }
+    let retour = nombre.toFixed(nbDecimale)
+    // Retirer les derniers 0 ayant pu s'inscruster dû aux arrondissements.
+    while (retour.length > 1 && retour.lastIndexOf('0') === retour.length - 1) {
+      retour = retour.substring(0, retour.length - 1)
+    }
+    if (retour.lastIndexOf('.') === retour.length - 1) {
+      retour = retour.substring(0, retour.length - 1) // Retirer le point s'il termine le nombre
+    }
+    return retour.replace('.', ',')
+  }
+
+  /**
+   * Transforme un nombre en string en y mettant le nombre de décimale à afficher.
+   * @param nombre Nombre à transformer en string
+   * @param nbDecimale Nombre de décimales à afficher
+   */
+  DecimaleNonVariable(nombre: number, nbDecimale: number) {
+    return this.DecimaleVersString(nombre, nbDecimale, false).replace('.', ',')
+  }
+
+  /**
+   * Transforme un boolean en string avec la première lettre minuscule.
+   * @param bool Bool à mettre en string
+   */
+  BoolVersString(bool: boolean) {
+    if (bool === true) {
+      return 'true'
+    }
+    return 'false'
+  }
+
+  /**
+   * Transforme une string en nombre.
+   * @param texte string à mettre en number. Peut-être un entier ou une décimale avec virgule ou point
+   */
+  StringVersNombre(texte: string) {
+    texte = texte.replace(',', '.') // On remplace les virgules par des points.
+    return Number(texte)
+  }
+
+  /**
+   * Transforme une string en number avec des options pour le nombre de décimales.
+   * @param nombre Nombre à transformer
+   * @param nbDecimale Nombre de décimales à afficher au maximum
+   * @param afficherDecimaleVariable Si true, alors on affiche que les décimales nécessaires,
+   * jusqu'à nbDecimale. Ex : 4,2 et 4,25 Si False, nous auront 4,20 et 4,25
+   * @param separateur Séparateur à utiliser pour la décimale.
+   * La virgule ou le point. La virgule est utilisée par défaut.
+   */
+  DecimaleVersString(nombre: number, nbDecimale: number, afficherDecimaleVariable: boolean, separateur: string = ',') {
+    let retour = ''
+    if (afficherDecimaleVariable === true) {
+      retour = this.DecimaleVariable(nombre, nbDecimale)
+    } else {
+      retour = nombre.toFixed(nbDecimale)
+    }
+    retour.replace('.', separateur)
+    return retour
+  }
+
+  /**
+   * Transforme une décimale en formateur heure:minute. Ex : 2,5 => 2:30
+   * @param heures Nombre à mettre en string de type heure.
+   * @param separateur Séparateur heure, minute. Le : est utilisé par défaut.
+   */
+  DecimaleVersHeure(heures: number, separateur: string = ':') {
+    if (Math.round((heures % 1) * 60) < 10) {
+      return `${Math.floor(heures) + separateur}0${Math.round((heures % 1) * 60)}`
+    }
+    return Math.floor(heures) + separateur + Math.round((heures % 1) * 60)
+  }
+
+  /**
+   * Transforme différent type de fin de ligne comme des \n en <br />
+   * @param texte Texte à modifier et retourner
+   */
+  FinLigneVersBR(texte: string) {
+    return texte.replace(/(?:\r\n|\r|\n)/g, '<br />')
+  }
+
+  /**
+   * Transforme une date en string.
+   * Le principe est de séparer la string selon le séparateur et de créer une nouvelle date avec les 3 nombres que ça donne.
+   * @param dateStr Date en string
+   */
+  StringVersDate(dateStr: string, separateur = '-') {
+    const parties = dateStr.split(separateur)
+    if (parties.length < 3) {
+      throw new Error(`Conversion de date invalide. Format incorrect, attendu (yyyy-mm-dd), reçu : ${dateStr}`)
+    }
+    const retourDateTemp = new Date(
+      this.StringVersNombre(parties[0]),
+      this.StringVersNombre(parties[1]) - 1,
+      this.StringVersNombre(parties[2]),
+      0,
+      0,
+      0,
+      0,
+    ) // Les mois débutent le compte à 0.
+    return retourDateTemp
+  }
+
+  /**
+   * Transforme une date en string sous la forme YYYY-mm-dd
+   * @param date Date à mettre en string
+   */
+  DateVersString(date: Date) {
+    let month = `${date.getMonth() + 1}`
+    let day = `${date.getDate()}`
+    const year = date.getFullYear()
+    if (month.length < 2) {
+      month = `0${month}`
+    }
+    if (day.length < 2) {
+      day = `0${day}`
+    }
+    return [year, month, day].join('-')
+  }
+
+  /**
+   * Retourne la valeur numérique d'un nombre sous forme de string. Si le texte n'est pas un nombre NAN sera retourné.
+   * @param texte Texte à transformer en nombre
+   */
+  ValeurNumeriqueDepuisTexte(texte: string) {
+    return parseFloat(texte)
+  }
+
+  /**
+   * Fabriquer une nouvelle instance de l'objet à retournet et y assigne tous les attributs publiques de la source.
+   * Si un attribut n'existe pas dans la définition de la classe du type de retour, il sera quand même créé dynamiquement et aucune erreur ne sera soulevée
+   * Si le constructeur
+   * @param donneeBrut Objet de donnée brut source
+   */
+  FabriquerUnObjetAnonyme(source: object) {
+    return JSON.parse(JSON.stringify(source))
+  }
+
+  Cloner(objetAnonyme: object) {
+    return this.FabriquerUnObjetAnonyme(objetAnonyme)
+  }
+
+  /**
+   * Fabriquer une nouvelle instance de l'objet à retourner et lui assigne tous les attributs publiques de la source.
+   * Si un attribut n'existe pas dans la définition de la classe du type de retour, il sera quand même créé dynamiquement et aucune erreur ne sera soulevée
+   * @param source L'objet source
+   * @param destination L'objet destinataire
+   */
+  CopierObjetUnNiveau(source: any, destination: any) {
+    Object.keys(source).forEach(k => {
+      if (!Array.isArray(source[k])) {
+        destination[k] = source[k]
+      }
+    })
+
+    return destination
+  }
+
+  /**
+   * Bind les attributs d'un objet vers un autre. Les attributs de la source qui n'existe pas dans la destination seront créés automatiquement
+   * @param source Objet de donnée brut source
+   * @param destination Objet de donnée brut source
+   */
+  BinderDonnee(source: any, destination: any) {
+    if (destination == null) {
+      destination = {}
+    }
+
+    Object.keys(source).forEach(k => {
+      destination[k] = source[k]
+    })
+    return destination
+  }
+
+
+  SetThemeDark(valeur: any) {
+    localStorage.setItem(`${this.racineLocalStorage}ThemeDark`, valeur)
+  }
+
+  GetThemeDark() {
+    const valeur = localStorage.getItem(`${this.racineLocalStorage}ThemeDark`)
+
+    if (typeof valeur === 'string') {
+      if (valeur === 'true') {
+        return true
+      }
+
+      return false
+    }
+
+    return valeur
+  }
+
+  GetUrlBaseAPI() {
+    let baseUrl = window.location.origin
+    if (this.TexteVide(window.Location.prototype.pathname) === false) {
+      baseUrl += window.Location.prototype.pathname
+    }
+    baseUrl += '/api/'
+
+    return baseUrl
+  }
+
+  estDateAvantOuEgaleAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut <= now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateAvantAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut < now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateApresOuEgaleAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut >= now) {
+      return false
+    }
+
+    return true
+  }
+
+  estDateApresAujourdhui(date: string, comparerHeure: boolean) {
+    const now = new Date()
+    const dateDebut = new Date(this.StringVersDate(date))
+
+    if (comparerHeure === false) {
+      now.setHours(0, 0, 0, 0)
+      dateDebut.setHours(0, 0, 0, 0)
+    }
+
+    if (dateDebut > now) {
+      return false
+    }
+
+    return true
+  }
+
+  /**
+   * Converti un enum en objet clé-valeur pour usage dans la prop :items d'un v-select.
+   * @param _obj L'enum pour générer les clés-valeurs
+   * @returns Une liste d'objets du format { title: string, value: number }
+   */
+  genererItemsAPartirDeEnum<T extends object>(_enum: T) {
+    const enumKeys = Object.keys(_enum).filter(e => isNaN(Number(e)))
+    const enumValues = Object.keys(_enum).filter(e => !isNaN(Number(e))).map(e => Number(e))
+
+    const ret: { title?: string, value: number}[] = []
+
+    enumValues.forEach(v => ret.push({ title: enumKeys[v], value: v}))
+
+    return ret;
+  }
+}
+
+const csqcOutils = new CSQCOutils()
+
+export default csqcOutils

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",