codevdesign 0.0.15 → 0.0.16

package/composants/gabarit/pivEntete.vue

@@ -1,111 +1,111 @@
-<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="/">
-          <img
-            v-if="texteVide(logoUrl)"
-            src="/images/QUEBEC_blanc.svg"
-            height="72"
-            id="pivImage"
-            :alt="$t('csqc.pivFooter.logoAlt')"
-          />
-          <img
-            v-else
-            :src="logoUrl"
-            height="72"
-            id="pivImage"
-            :alt="$t('csqc.pivFooter.logoAlt')"
-          />
-        </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"
-        >
-          {{ $t('nom_application') }}
-        </v-app-bar-title>
-      </v-col>
-
-      <!-- Colonne pour le bouton de langue  -->
-      <v-col class="d-none d-flex justify-end">
-        <v-btn
-          variant="text"
-          @click="enregistrerLangue()"
-          >{{ $t('csqc.pivEntete.langue') }}
-        </v-btn>
-      </v-col>
-
-      <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
-      <v-col
-        v-if="estMobile"
-        cols="12"
-      >
-        <v-app-bar-title style="font-size: 16px !important">
-          {{ $t('pivEntete.nom_application') }}
-        </v-app-bar-title>
-      </v-col>
-    </v-row>
-  </v-toolbar>
-</template>
-
-<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 === ''
-
-    if (!retour && retirerEspace) {
-      const temp = texte
-      retour = temp!.replace(' ', '') === ''
-    }
-
-    return retour
-  }
-  const props = defineProps({
-    estMobile: {
-      type: Boolean,
-      required: true,
-    },
-    urlBase: {
-      type: String,
-      required: true,
-    },
-    logoUrl: {
-      type: String,
-      default: '',
-    },
-  })
-
-  // 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}`
-  }
-</script>
-
-<style scoped>
-  .container {
-    max-width: none !important;
-  }
-  .theme--light.v-app-bar.v-toolbar.v-sheet {
-    background: #095797;
-    color: #fff;
-  }
-</style>
+<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="/">
+          <img
+            v-if="texteVide(logoUrl)"
+            src="/images/QUEBEC_blanc.svg"
+            height="72"
+            id="pivImage"
+            :alt="$t('csqc.pivFooter.logoAlt')"
+          />
+          <img
+            v-else
+            :src="logoUrl"
+            height="72"
+            id="pivImage"
+            :alt="$t('csqc.pivFooter.logoAlt')"
+          />
+        </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"
+        >
+          {{ $t('nom_application') }}
+        </v-app-bar-title>
+      </v-col>
+
+      <!-- Colonne pour le bouton de langue  -->
+      <v-col class="d-none d-flex justify-end">
+        <v-btn
+          variant="text"
+          @click="enregistrerLangue()"
+          >{{ $t('csqc.pivEntete.langue') }}
+        </v-btn>
+      </v-col>
+
+      <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
+      <v-col
+        v-if="estMobile"
+        cols="12"
+      >
+        <v-app-bar-title style="font-size: 16px !important">
+          {{ $t('pivEntete.nom_application') }}
+        </v-app-bar-title>
+      </v-col>
+    </v-row>
+  </v-toolbar>
+</template>
+
+<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 === ''
+
+    if (!retour && retirerEspace) {
+      const temp = texte
+      retour = temp!.replace(' ', '') === ''
+    }
+
+    return retour
+  }
+  const props = defineProps({
+    estMobile: {
+      type: Boolean,
+      required: true,
+    },
+    urlBase: {
+      type: String,
+      required: true,
+    },
+    logoUrl: {
+      type: String,
+      default: '',
+    },
+  })
+
+  // 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}`
+  }
+</script>
+
+<style scoped>
+  .container {
+    max-width: none !important;
+  }
+  .theme--light.v-app-bar.v-toolbar.v-sheet {
+    background: #095797;
+    color: #fff;
+  }
+</style>

package/index.ts

@@ -1,42 +1,42 @@
-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 csqcTable from './composants/csqcTable/csqcTable.vue'
-import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
-
-import modeleUtilisateur from './modeles/utilisateur'
-import modeleUnite from './modeles/unite'
-import modeleIntervention from './modeles/intervention'
-import modeleSnackbar from './modeles/composants/snackbar'
-import modeleDatatableColonne from './modeles/composants/datatableColonne'
-import csqcEn from './locales/en.json'
-import csqcFr from './locales/fr.json'
-
-export {
-  csqcFr,
-  csqcEn,
-  csqcAlerteErreur,
-  csqcDialogue,
-  csqcConfirmation,
-  csqcOptionSwitch,
-  csqcRecherche,
-  csqcSnackbar,
-  csqcTable,
-  csqcTiroir,
-  csqcMenu,
-  csqcChaise,
-  pivFooter,
-  pivEntete,
-  modeleUtilisateur,
-  modeleUnite,
-  modeleIntervention,
-  modeleSnackbar,
-  modeleDatatableColonne,
-}
+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 csqcTable from './composants/csqcTable/csqcTable.vue'
+import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
+
+import Utilisateur from './modeles/utilisateur'
+import Unite from './modeles/unite'
+import Intervention from './modeles/intervention'
+import modeleSnackbar from './modeles/composants/snackbar'
+import modeleDatatableColonne from './modeles/composants/datatableColonne'
+import csqcEn from './locales/en.json'
+import csqcFr from './locales/fr.json'
+
+export {
+  csqcFr,
+  csqcEn,
+  csqcAlerteErreur,
+  csqcDialogue,
+  csqcConfirmation,
+  csqcOptionSwitch,
+  csqcRecherche,
+  csqcSnackbar,
+  csqcTable,
+  csqcTiroir,
+  csqcMenu,
+  csqcChaise,
+  pivFooter,
+  pivEntete,
+  Utilisateur,
+  Unite,
+  Intervention,
+  modeleSnackbar,
+  modeleDatatableColonne,
+}

package/modeles/composants/datatableColonne.ts

@@ -1,14 +1,14 @@
-class datatableColonne {
-  title: string
-  key: string // Correspond à la clé des objets dans `liste`
-  align?: 'start' | 'center' | 'end'
-  sortable?: boolean
-
-  constructor(title: string, key: string, align?: 'start' | 'center' | 'end', sortable?: boolean) {
-    this.title = title
-    this.key = key
-    this.align = align
-    this.sortable = sortable
-  }
-}
-export default datatableColonne
+class datatableColonne {
+  title: string
+  key: string // Correspond à la clé des objets dans `liste`
+  align?: 'start' | 'center' | 'end'
+  sortable?: boolean
+
+  constructor(title: string, key: string, align?: 'start' | 'center' | 'end', sortable?: boolean) {
+    this.title = title
+    this.key = key
+    this.align = align
+    this.sortable = sortable
+  }
+}
+export default datatableColonne

package/modeles/composants/snackbar.ts

@@ -1,18 +1,18 @@
-class CSQCSnackbar {
-  temps?: number
-  couleur?: string
-  message: string
-  style?: string
-  titre?: string
-
-  // Constructeur de la classe
-  constructor(message: string, temps?: number, couleur?: string, style?: string, titre?: string) {
-    this.message = message
-    this.temps = temps
-    this.couleur = couleur
-    this.style = style
-    this.titre = titre
-  }
-}
-
-export default CSQCSnackbar
+class CSQCSnackbar {
+  temps?: number
+  couleur?: string
+  message: string
+  style?: string
+  titre?: string
+
+  // Constructeur de la classe
+  constructor(message: string, temps?: number, couleur?: string, style?: string, titre?: string) {
+    this.message = message
+    this.temps = temps
+    this.couleur = couleur
+    this.style = style
+    this.titre = titre
+  }
+}
+
+export default CSQCSnackbar

package/modeles/intervention.ts

@@ -1,38 +1,38 @@
-import { EtatDemandeUnite, TypeIntervenant } from '@/outils/enum'
-
-class Intervention {
-  id: number
-  demandeId: number
-  uniteId: number
-  chaiseId?: number
-  niveauChaise?: number
-  typeIntervenant: TypeIntervenant
-  utilisateurIdAyantIntervenu?: number
-  dateIntervention?: Date
-  etat: EtatDemandeUnite
-
-  // Constructeur de la classe
-  constructor(
-    id: number,
-    demandeId: number,
-    uniteId: number,
-    typeIntervenant: TypeIntervenant,
-    etat: EtatDemandeUnite,
-    chaiseId?: number,
-    niveauChaise?: number,
-    utilisateurIdAyantIntervenu?: number,
-    dateIntervention?: Date,
-  ) {
-    this.id = id
-    this.demandeId = demandeId
-    this.uniteId = uniteId
-    this.typeIntervenant = typeIntervenant
-    this.etat = etat
-    this.chaiseId = chaiseId
-    this.niveauChaise = niveauChaise
-    this.utilisateurIdAyantIntervenu = utilisateurIdAyantIntervenu
-    this.dateIntervention = dateIntervention
-  }
-}
-
-export default Intervention
+import { EtatDemandeUnite, TypeIntervenant } from '@/outils/enum'
+
+class Intervention {
+  id: number
+  demandeId: number
+  uniteId: number
+  chaiseId?: number
+  niveauChaise?: number
+  typeIntervenant: TypeIntervenant
+  utilisateurIdAyantIntervenu?: number
+  dateIntervention?: Date
+  etat: EtatDemandeUnite
+
+  // Constructeur de la classe
+  constructor(
+    id: number,
+    demandeId: number,
+    uniteId: number,
+    typeIntervenant: TypeIntervenant,
+    etat: EtatDemandeUnite,
+    chaiseId?: number,
+    niveauChaise?: number,
+    utilisateurIdAyantIntervenu?: number,
+    dateIntervention?: Date,
+  ) {
+    this.id = id
+    this.demandeId = demandeId
+    this.uniteId = uniteId
+    this.typeIntervenant = typeIntervenant
+    this.etat = etat
+    this.chaiseId = chaiseId
+    this.niveauChaise = niveauChaise
+    this.utilisateurIdAyantIntervenu = utilisateurIdAyantIntervenu
+    this.dateIntervention = dateIntervention
+  }
+}
+
+export default Intervention

package/modeles/unite.ts

@@ -1,42 +1,42 @@
-class Unite {
-  id: number
-  commissionScolaireId: number
-  nom: string
-  estActif: boolean
-  numero: string
-  numeroEcoleJeune: string
-  numeroCentreAdulte: string
-  numeroEcoleJeuneStr: string
-  numeroCentreAdulteStr: string
-  estJeune: boolean
-  estAdulte: boolean
-
-  // Constructeur de la classe
-  constructor(
-    id: number,
-    commissionScolaireId: number,
-    nom: string,
-    estActif: boolean,
-    numero: string,
-    numeroEcoleJeune: string,
-    numeroCentreAdulte: string,
-    numeroEcoleJeuneStr: string,
-    numeroCentreAdulteStr: string,
-    estJeune: boolean,
-    estAdulte: boolean,
-  ) {
-    this.id = id
-    this.commissionScolaireId = commissionScolaireId
-    this.nom = nom
-    this.estActif = estActif
-    this.numero = numero
-    this.numeroEcoleJeune = numeroEcoleJeune
-    this.numeroCentreAdulte = numeroCentreAdulte
-    this.numeroEcoleJeuneStr = numeroEcoleJeuneStr
-    this.numeroCentreAdulteStr = numeroCentreAdulteStr
-    this.estJeune = estJeune
-    this.estAdulte = estAdulte
-  }
-}
-
-export default Unite
+class Unite {
+  id: number
+  commissionScolaireId: number
+  nom: string
+  estActif: boolean
+  numero: string
+  numeroEcoleJeune: string
+  numeroCentreAdulte: string
+  numeroEcoleJeuneStr: string
+  numeroCentreAdulteStr: string
+  estJeune: boolean
+  estAdulte: boolean
+
+  // Constructeur de la classe
+  constructor(
+    id: number,
+    commissionScolaireId: number,
+    nom: string,
+    estActif: boolean,
+    numero: string,
+    numeroEcoleJeune: string,
+    numeroCentreAdulte: string,
+    numeroEcoleJeuneStr: string,
+    numeroCentreAdulteStr: string,
+    estJeune: boolean,
+    estAdulte: boolean,
+  ) {
+    this.id = id
+    this.commissionScolaireId = commissionScolaireId
+    this.nom = nom
+    this.estActif = estActif
+    this.numero = numero
+    this.numeroEcoleJeune = numeroEcoleJeune
+    this.numeroCentreAdulte = numeroCentreAdulte
+    this.numeroEcoleJeuneStr = numeroEcoleJeuneStr
+    this.numeroCentreAdulteStr = numeroCentreAdulteStr
+    this.estJeune = estJeune
+    this.estAdulte = estAdulte
+  }
+}
+
+export default Unite

package/modeles/utilisateur.ts

@@ -1,33 +1,33 @@
-// modeleUtilisateur.ts
-class Utilisateur {
-  commissionScolaireId: number
-  courriel: string
-  id: number
-  identifiant: string
-  langue: string
-  matricule: string
-  nom: string
-  prenom: string
-
-  constructor(
-    commissionScolaireId: number,
-    courriel: string,
-    id: number,
-    identifiant: string,
-    langue: string,
-    matricule: string,
-    nom: string,
-    prenom: string,
-  ) {
-    this.commissionScolaireId = commissionScolaireId
-    this.courriel = courriel
-    this.id = id
-    this.identifiant = identifiant
-    this.langue = langue
-    this.matricule = matricule
-    this.nom = nom
-    this.prenom = prenom
-  }
-}
-
-export default Utilisateur
+// modeleUtilisateur.ts
+class Utilisateur {
+  commissionScolaireId: number
+  courriel: string
+  id: number
+  identifiant: string
+  langue: string
+  matricule: string
+  nom: string
+  prenom: string
+
+  constructor(
+    commissionScolaireId: number,
+    courriel: string,
+    id: number,
+    identifiant: string,
+    langue: string,
+    matricule: string,
+    nom: string,
+    prenom: string,
+  ) {
+    this.commissionScolaireId = commissionScolaireId
+    this.courriel = courriel
+    this.id = id
+    this.identifiant = identifiant
+    this.langue = langue
+    this.matricule = matricule
+    this.nom = nom
+    this.prenom = prenom
+  }
+}
+
+export default Utilisateur

package/package.json

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