codevdesign 1.0.55 → 1.0.56

package/composants/csqcImportCSV.vue

@@ -1,125 +1,125 @@
-<template>
-  <div>
-    <v-btn
-      color="success"
-      variant="outlined"
-      :loading="chargement"
-      class="elevation-0"
-      @click="importCsv"
-    >
-      {{ boutonTexte }}
-      <template #append>
-        <v-icon icon="mdi-microsoft-excel"></v-icon>
-      </template>
-    </v-btn>
-
-    <input
-      ref="fileInput"
-      type="file"
-      accept=".csv"
-      style="display: none"
-      @change="handleFileUpload"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, computed } from 'vue'
-  import { useI18n } from 'vue-i18n'
-
-  // Props
-  const props = withDefaults(
-    defineProps<{
-      boutonTexte?: string
-      erreurTexte?: string
-      chargement?: boolean
-    }>(),
-    {
-      chargement: false, //  défaut
-    },
-  )
-  const emit = defineEmits(['import', 'import-erreur'])
-
-  const { t } = useI18n()
-
-  const boutonTexte = computed(() => props.boutonTexte ?? t('csqc.bouton.importer'))
-  const erreurTexte = computed(() => props.erreurTexte ?? t('csqc.csqcImportCSV.erreur.lectureFichier'))
-
-  // Références
-  const fileInput = ref<HTMLInputElement | null>(null)
-  const csvFile = ref<File | null>(null)
-
-  // Méthodes
-  function importCsv() {
-    fileInput.value?.click()
-  }
-
-  function handleFileUpload(event: Event) {
-    const target = event.target as HTMLInputElement
-    const file = target.files?.[0]
-
-    if (file?.name.toLowerCase().endsWith('.csv')) {
-      csvFile.value = file
-
-      const reader = new FileReader()
-
-      reader.onload = () => {
-        try {
-          let text = reader.result as string
-
-          // Supprime BOM UTF-8 si présent
-          if (text.charCodeAt(0) === 0xfeff) {
-            text = text.slice(1)
-          }
-
-          const lignes = text
-            .trim()
-            .split(/\r?\n/)
-            .filter(row => row.trim() !== '') // ignore lignes vides
-
-          if (lignes.length === 0) {
-            emit('import-erreur', 'Le fichier CSV est vide.')
-            return
-          }
-
-          //  Détection automatique du séparateur
-          const separateur = detecterSeparateur(lignes[0]!)
-
-          //  Découpage des lignes
-          const data: string[][] = lignes.map(row => row.split(separateur).map(cell => cell.trim()))
-
-          emit('import', data)
-        } catch (error) {
-          emit('import-erreur', erreurTexte || t('csqc.csqcImportCSV.erreur.lectureFichier'))
-        }
-      }
-
-      reader.onerror = () => {
-        emit('import-erreur', t('csqc.csqcImportCSV.erreur.lectureFichier'))
-      }
-
-      reader.readAsText(file)
-    } else {
-      const message = erreurTexte || t('csqc.csqcImportCSV.erreur.erreur')
-      emit('import-erreur', message)
-      csvFile.value = null
-    }
-  }
-
-  //  Fonction pour détecter le séparateur le plus probable
-  function detecterSeparateur(ligne: string): string {
-    const separateursTestés = [',', ';', '\t', '|']
-    let meilleurSeparateur = ','
-    let maxColonnes = 0
-
-    for (const sep of separateursTestés) {
-      const nb = ligne.split(sep).length
-      if (nb > maxColonnes) {
-        maxColonnes = nb
-        meilleurSeparateur = sep
-      }
-    }
-
-    return meilleurSeparateur
-  }
-</script>
+<template>
+  <div>
+    <v-btn
+      color="success"
+      variant="outlined"
+      :loading="chargement"
+      class="elevation-0"
+      @click="importCsv"
+    >
+      {{ boutonTexte }}
+      <template #append>
+        <v-icon icon="mdi-microsoft-excel"></v-icon>
+      </template>
+    </v-btn>
+
+    <input
+      ref="fileInput"
+      type="file"
+      accept=".csv"
+      style="display: none"
+      @change="handleFileUpload"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref, computed } from 'vue'
+  import { useI18n } from 'vue-i18n'
+
+  // Props
+  const props = withDefaults(
+    defineProps<{
+      boutonTexte?: string
+      erreurTexte?: string
+      chargement?: boolean
+    }>(),
+    {
+      chargement: false, //  défaut
+    },
+  )
+  const emit = defineEmits(['import', 'import-erreur'])
+
+  const { t } = useI18n()
+
+  const boutonTexte = computed(() => props.boutonTexte ?? t('csqc.bouton.importer'))
+  const erreurTexte = computed(() => props.erreurTexte ?? t('csqc.csqcImportCSV.erreur.lectureFichier'))
+
+  // Références
+  const fileInput = ref<HTMLInputElement | null>(null)
+  const csvFile = ref<File | null>(null)
+
+  // Méthodes
+  function importCsv() {
+    fileInput.value?.click()
+  }
+
+  function handleFileUpload(event: Event) {
+    const target = event.target as HTMLInputElement
+    const file = target.files?.[0]
+
+    if (file?.name.toLowerCase().endsWith('.csv')) {
+      csvFile.value = file
+
+      const reader = new FileReader()
+
+      reader.onload = () => {
+        try {
+          let text = reader.result as string
+
+          // Supprime BOM UTF-8 si présent
+          if (text.charCodeAt(0) === 0xfeff) {
+            text = text.slice(1)
+          }
+
+          const lignes = text
+            .trim()
+            .split(/\r?\n/)
+            .filter(row => row.trim() !== '') // ignore lignes vides
+
+          if (lignes.length === 0) {
+            emit('import-erreur', 'Le fichier CSV est vide.')
+            return
+          }
+
+          //  Détection automatique du séparateur
+          const separateur = detecterSeparateur(lignes[0]!)
+
+          //  Découpage des lignes
+          const data: string[][] = lignes.map(row => row.split(separateur).map(cell => cell.trim()))
+
+          emit('import', data)
+        } catch (error) {
+          emit('import-erreur', erreurTexte || t('csqc.csqcImportCSV.erreur.lectureFichier'))
+        }
+      }
+
+      reader.onerror = () => {
+        emit('import-erreur', t('csqc.csqcImportCSV.erreur.lectureFichier'))
+      }
+
+      reader.readAsText(file)
+    } else {
+      const message = erreurTexte || t('csqc.csqcImportCSV.erreur.erreur')
+      emit('import-erreur', message)
+      csvFile.value = null
+    }
+  }
+
+  //  Fonction pour détecter le séparateur le plus probable
+  function detecterSeparateur(ligne: string): string {
+    const separateursTestés = [',', ';', '\t', '|']
+    let meilleurSeparateur = ','
+    let maxColonnes = 0
+
+    for (const sep of separateursTestés) {
+      const nb = ligne.split(sep).length
+      if (nb > maxColonnes) {
+        maxColonnes = nb
+        meilleurSeparateur = sep
+      }
+    }
+
+    return meilleurSeparateur
+  }
+</script>

package/composants/csqcSnackbar.vue

@@ -1,207 +1,207 @@
-<template>
-  <!--
-    FIFO Snackbar
-    - On affiche 1 snackbar à la fois.
-    - Les demandes suivantes sont mises en file (FIFO) et s’affichent après fermeture.
-    - color/location sont figées par item via props (pas via $attrs) pour éviter les changements live.
-  -->
-  <v-snackbar
-    :model-value="snackbar"
-    v-bind="attrsAffiches"
-    :timeout="-1"
-    :style="props.styleCss"
-    :color="colorAffiche"
-    :location="locationAffiche"
-    multi-line
-    @update:model-value="
-      v => {
-        if (!v) fermer()
-      }
-    "
-  >
-    <template v-if="titreAffiche || messageAffiche">
-      <b style="font-size: 12pt">{{ titreAffiche }}</b>
-      <br v-if="titreAffiche" />
-      <b>{{ messageAffiche }}</b>
-    </template>
-
-    <template #actions>
-      <!-- Toujours afficher la fermeture si timeout = -1 -->
-      <v-icon
-        v-if="props.btnFermer || timeoutAffiche === -1"
-        color="white"
-        style="cursor: pointer"
-        @click.stop="fermer"
-      >
-        mdi-close
-      </v-icon>
-    </template>
-  </v-snackbar>
-</template>
-
-<script setup lang="ts">
-  import { computed, ref, watch, useAttrs, toRaw } from 'vue'
-
-  // - color/location sont en props (et non via $attrs) pour être snapshottées proprement.
-  const props = defineProps({
-    styleCss: { type: String, required: false },
-
-    // Durée d’affichage (ms). -1 = ne ferme jamais automatiquement
-    temps: { type: Number, required: false, default: 4000 },
-
-    // Déclencheur : à chaque changement non-vide, on queue un item
-    message: { type: String, required: true },
-    titre: { type: String, required: false },
-
-    btnFermer: { type: Boolean, required: false, default: true },
-
-    // en props pour éviter le "live update" via $attrs
-    color: { type: String, required: false, default: 'success' },
-    location: { type: [String, Array, Object] as any, required: false },
-  })
-
-  const emit = defineEmits(['fermer:snackbar'])
-
-  /**
-   * ============================================================================
-   * $attrs : on forward tout sauf color/location (qui sont gérés par props & snapshot)
-   * ============================================================================
-   */
-  const attrs = useAttrs()
-
-  const attrsSansCouleur = computed(() => {
-    const { color, location, ...rest } = attrs as any
-    return rest
-  })
-
-  /**
-   * ============================================================================
-   * FIFO Queue (snapshot par item)
-   * ============================================================================
-   */
-  type ItemSnack = {
-    message: string
-    titre?: string
-    color: string
-    location?: any
-    attrs: Record<string, any>
-    timeout: number // -1 = manuel
-  }
-
-  const file = ref<ItemSnack[]>([])
-  const enCours = ref<ItemSnack | null>(null)
-
-  /**
-   * ============================================================================
-   * État UI
-   * ============================================================================
-   */
-  const snackbar = ref(false)
-
-  /**
-   * ============================================================================
-   * Computeds d’affichage (basés sur l’item en cours)
-   * ============================================================================
-   */
-  const attrsAffiches = computed(() => {
-    // On évite de forward color/location par attrs (même s’ils y étaient)
-    const a = (enCours.value?.attrs ?? {}) as any
-    const { color, location, ...rest } = a
-    return rest
-  })
-
-  const messageAffiche = computed(() => enCours.value?.message ?? '')
-  const titreAffiche = computed(() => enCours.value?.titre ?? '')
-  const colorAffiche = computed(() => enCours.value?.color ?? 'success')
-  const locationAffiche = computed(() => enCours.value?.location)
-  const timeoutAffiche = computed(() => enCours.value?.timeout ?? props.temps)
-
-  /**
-   * ============================================================================
-   * Timer (auto-close géré par nous, puisque v-snackbar est timeout=-1)
-   * ============================================================================
-   */
-  let timer: number | null = null
-
-  function clearTimer() {
-    if (timer != null) {
-      window.clearTimeout(timer)
-      timer = null
-    }
-  }
-
-  function scheduleAutoClose() {
-    clearTimer()
-
-    const t = timeoutAffiche.value
-    if (t === -1) return
-
-    // 1 seconde minimum, sinon on ne la voit pas
-    const ms = Math.max(1000, t)
-
-    timer = window.setTimeout(() => {
-      fermer()
-    }, ms)
-  }
-
-  /**
-   * ============================================================================
-   * Navigation FIFO
-   * ============================================================================
-   */
-  function afficherProchain() {
-    // Un seul snackbar à la fois
-    if (snackbar.value) return
-    if (enCours.value) return
-
-    const next = file.value.shift()
-    if (!next) return
-
-    enCours.value = next
-    snackbar.value = true
-    scheduleAutoClose()
-  }
-
-  function fermer() {
-    clearTimer()
-    snackbar.value = false
-    emit('fermer:snackbar')
-
-    // On attend un tick pour éviter les glitches (transition/DOM)
-    setTimeout(() => {
-      enCours.value = null
-      afficherProchain()
-    }, 0)
-  }
-
-  /**
-   * ============================================================================
-   * queue (snapshot) à chaque nouveau message
-   * ============================================================================
-   */
-  watch(
-    () => props.message,
-    nouveau => {
-      if (!nouveau) return
-
-      // Normalisation timeout
-      const timeout = props.temps < -1 ? -1 : props.temps >= 0 && props.temps < 1000 ? 1000 : props.temps
-
-      file.value.push({
-        message: String(nouveau),
-        titre: props.titre ? String(props.titre) : undefined,
-
-        // ✅ Primitives + props => stable (pas de "live update")
-        color: String(props.color ?? 'success'),
-        location: props.location,
-
-        // On forward les autres attrs (snapshot) : variant, rounded, etc.
-        attrs: structuredClone(toRaw(attrsSansCouleur.value)),
-
-        timeout,
-      })
-
-      afficherProchain()
-    },
-  )
-</script>
+<template>
+  <!--
+    FIFO Snackbar
+    - On affiche 1 snackbar à la fois.
+    - Les demandes suivantes sont mises en file (FIFO) et s’affichent après fermeture.
+    - color/location sont figées par item via props (pas via $attrs) pour éviter les changements live.
+  -->
+  <v-snackbar
+    :model-value="snackbar"
+    v-bind="attrsAffiches"
+    :timeout="-1"
+    :style="props.styleCss"
+    :color="colorAffiche"
+    :location="locationAffiche"
+    multi-line
+    @update:model-value="
+      v => {
+        if (!v) fermer()
+      }
+    "
+  >
+    <template v-if="titreAffiche || messageAffiche">
+      <b style="font-size: 12pt">{{ titreAffiche }}</b>
+      <br v-if="titreAffiche" />
+      <b>{{ messageAffiche }}</b>
+    </template>
+
+    <template #actions>
+      <!-- Toujours afficher la fermeture si timeout = -1 -->
+      <v-icon
+        v-if="props.btnFermer || timeoutAffiche === -1"
+        color="white"
+        style="cursor: pointer"
+        @click.stop="fermer"
+      >
+        mdi-close
+      </v-icon>
+    </template>
+  </v-snackbar>
+</template>
+
+<script setup lang="ts">
+  import { computed, ref, watch, useAttrs, toRaw } from 'vue'
+
+  // - color/location sont en props (et non via $attrs) pour être snapshottées proprement.
+  const props = defineProps({
+    styleCss: { type: String, required: false },
+
+    // Durée d’affichage (ms). -1 = ne ferme jamais automatiquement
+    temps: { type: Number, required: false, default: 4000 },
+
+    // Déclencheur : à chaque changement non-vide, on queue un item
+    message: { type: String, required: true },
+    titre: { type: String, required: false },
+
+    btnFermer: { type: Boolean, required: false, default: true },
+
+    // en props pour éviter le "live update" via $attrs
+    color: { type: String, required: false, default: 'success' },
+    location: { type: [String, Array, Object] as any, required: false },
+  })
+
+  const emit = defineEmits(['fermer:snackbar'])
+
+  /**
+   * ============================================================================
+   * $attrs : on forward tout sauf color/location (qui sont gérés par props & snapshot)
+   * ============================================================================
+   */
+  const attrs = useAttrs()
+
+  const attrsSansCouleur = computed(() => {
+    const { color, location, ...rest } = attrs as any
+    return rest
+  })
+
+  /**
+   * ============================================================================
+   * FIFO Queue (snapshot par item)
+   * ============================================================================
+   */
+  type ItemSnack = {
+    message: string
+    titre?: string
+    color: string
+    location?: any
+    attrs: Record<string, any>
+    timeout: number // -1 = manuel
+  }
+
+  const file = ref<ItemSnack[]>([])
+  const enCours = ref<ItemSnack | null>(null)
+
+  /**
+   * ============================================================================
+   * État UI
+   * ============================================================================
+   */
+  const snackbar = ref(false)
+
+  /**
+   * ============================================================================
+   * Computeds d’affichage (basés sur l’item en cours)
+   * ============================================================================
+   */
+  const attrsAffiches = computed(() => {
+    // On évite de forward color/location par attrs (même s’ils y étaient)
+    const a = (enCours.value?.attrs ?? {}) as any
+    const { color, location, ...rest } = a
+    return rest
+  })
+
+  const messageAffiche = computed(() => enCours.value?.message ?? '')
+  const titreAffiche = computed(() => enCours.value?.titre ?? '')
+  const colorAffiche = computed(() => enCours.value?.color ?? 'success')
+  const locationAffiche = computed(() => enCours.value?.location)
+  const timeoutAffiche = computed(() => enCours.value?.timeout ?? props.temps)
+
+  /**
+   * ============================================================================
+   * Timer (auto-close géré par nous, puisque v-snackbar est timeout=-1)
+   * ============================================================================
+   */
+  let timer: number | null = null
+
+  function clearTimer() {
+    if (timer != null) {
+      window.clearTimeout(timer)
+      timer = null
+    }
+  }
+
+  function scheduleAutoClose() {
+    clearTimer()
+
+    const t = timeoutAffiche.value
+    if (t === -1) return
+
+    // 1 seconde minimum, sinon on ne la voit pas
+    const ms = Math.max(1000, t)
+
+    timer = window.setTimeout(() => {
+      fermer()
+    }, ms)
+  }
+
+  /**
+   * ============================================================================
+   * Navigation FIFO
+   * ============================================================================
+   */
+  function afficherProchain() {
+    // Un seul snackbar à la fois
+    if (snackbar.value) return
+    if (enCours.value) return
+
+    const next = file.value.shift()
+    if (!next) return
+
+    enCours.value = next
+    snackbar.value = true
+    scheduleAutoClose()
+  }
+
+  function fermer() {
+    clearTimer()
+    snackbar.value = false
+    emit('fermer:snackbar')
+
+    // On attend un tick pour éviter les glitches (transition/DOM)
+    setTimeout(() => {
+      enCours.value = null
+      afficherProchain()
+    }, 0)
+  }
+
+  /**
+   * ============================================================================
+   * queue (snapshot) à chaque nouveau message
+   * ============================================================================
+   */
+  watch(
+    () => props.message,
+    nouveau => {
+      if (!nouveau) return
+
+      // Normalisation timeout
+      const timeout = props.temps < -1 ? -1 : props.temps >= 0 && props.temps < 1000 ? 1000 : props.temps
+
+      file.value.push({
+        message: String(nouveau),
+        titre: props.titre ? String(props.titre) : undefined,
+
+        // ✅ Primitives + props => stable (pas de "live update")
+        color: String(props.color ?? 'success'),
+        location: props.location,
+
+        // On forward les autres attrs (snapshot) : variant, rounded, etc.
+        attrs: structuredClone(toRaw(attrsSansCouleur.value)),
+
+        timeout,
+      })
+
+      afficherProchain()
+    },
+  )
+</script>