codevdesign 1.0.70 → 1.0.72

package/composants/csqcTable/csqcTableExportExcel.vue

@@ -1,58 +1,46 @@
-<template>
-  <v-icon
-    end
-    color="grisMoyen"
-    icon="mdi-microsoft-excel"
-    @click="exportToXLSX"
-  >
-  </v-icon>
-</template>
-
-<script setup lang="ts">
-  import { utils, writeFileXLSX } from '@e965/xlsx'
-  import { computed } from 'vue'
-
-  const props = defineProps<{
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    liste: any[]
-    nomFichier: string
-    chargementListe: boolean
-  }>()
-
-  // Extraction des clés uniques de tous les objets
-  const cleDynamique = computed(() => {
-    const keys: Set<string> = new Set()
-
-    // Parcours tous les objets de la liste et ajoute leurs clés
-    props.liste.forEach(item => {
-      if (typeof item === 'object' && item !== null) {
-        Object.keys(item).forEach(key => keys.add(key))
-      }
-    })
-    return Array.from(keys)
-  })
-
-  // Fonction pour exporter les données en Excel
-  const exportToXLSX = () => {
-    if (!props.liste.length) {
-      console.warn('La liste est vide, exportation annulée.')
-      return
-    }
-
-    // Récupération des en-têtes depuis la fonction cleDynamique
-    const headers = cleDynamique.value
-
-    //  Construction des lignes en respectant l'ordre des en-têtes
-    const rows = props.liste.map(item => {
-      return headers.map(key => (key in item ? item[key] : '')) // Valeur ou vide si absente
-    })
-
-    //  Création des données Excel (en-têtes + lignes)
-    const data = [headers, ...rows]
-    //  Génération du fichier Excel
-    const ws = utils.aoa_to_sheet(data)
-    const wb = utils.book_new()
-    utils.book_append_sheet(wb, ws, '1')
-    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
-  }
-</script>
+<template>
+  <v-icon
+    end
+    color="grisMoyen"
+    icon="mdi-microsoft-excel"
+    @click="exportToXLSX"
+  >
+  </v-icon>
+</template>
+
+<script setup lang="ts">
+  import { utils, writeFileXLSX } from '@e965/xlsx'
+  import type Colonne from '../../modeles/composants/datatableColonne'
+
+  const props = defineProps<{
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    liste: any[]
+    nomFichier: string
+    chargementListe: boolean
+    colonnes: Colonne[]
+  }>()
+
+  // Fonction pour exporter les données en Excel
+  const exportToXLSX = () => {
+    if (!props.liste.length) {
+      console.warn('La liste est vide, exportation annulée.')
+      return
+    }
+
+    // Colonnes affichées (on exclut action et ancre)
+    const colonnesExport = props.colonnes.filter(c => c.key && c.key !== 'action' && c.key !== 'ancre')
+
+    const headers = colonnesExport.map(c => c.title ?? String(c.key))
+    const keys = colonnesExport.map(c => String(c.key))
+
+    const rows = props.liste.map(item => {
+      return keys.map(key => (key in item ? item[key] : ''))
+    })
+
+    const data = [headers, ...rows]
+    const ws = utils.aoa_to_sheet(data)
+    const wb = utils.book_new()
+    utils.book_append_sheet(wb, ws, '1')
+    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
+  }
+</script>

package/composants/csqcTiroir.vue

@@ -60,9 +60,19 @@
       </v-card-actions>
     </v-card>
   </v-navigation-drawer>
+  <Teleport to="body">
+    <v-fab
+      v-if="retourEnHaut && afficherBoutonHaut"
+      style="position: fixed; bottom: 24px; right: 24px; z-index: 2000"
+      elevation="8"
+      color="primary"
+      icon="mdi-arrow-up"
+      @click="allerEnHaut"
+    />
+  </Teleport>
 </template>
 <script lang="ts" setup>
-  import { ref, computed } from 'vue'
+  import { ref, computed, watch, nextTick } from 'vue'
   import { useDisplay } from 'vuetify'
 
   const visible = ref(false)
@@ -102,11 +112,40 @@
       default: '',
       required: false,
     },
+    retourEnHaut: {
+      type: Boolean,
+      default: true,
+    },
   })
 
   // Déclaration des événements
   const emit = defineEmits(['fermer', 'ok'])
 
+  // Back to top
+  const afficherBoutonHaut = ref(false)
+  let conteneurScroll: Element | null = null
+
+  function onScroll() {
+    afficherBoutonHaut.value = (conteneurScroll?.scrollTop ?? 0) > 350
+  }
+
+  function allerEnHaut() {
+    conteneurScroll?.scrollTo({ top: 0, behavior: 'smooth' })
+  }
+
+  watch(visible, async val => {
+    if (!props.retourEnHaut) return
+    if (val) {
+      await nextTick()
+      conteneurScroll = document.querySelector('.v-navigation-drawer--active .v-navigation-drawer__content')
+      conteneurScroll?.addEventListener('scroll', onScroll)
+    } else {
+      conteneurScroll?.removeEventListener('scroll', onScroll)
+      conteneurScroll = null
+      afficherBoutonHaut.value = false
+    }
+  })
+
   // Méthodes
   const ouvrir = () => {
     visible.value = true

package/outils/rafraichisseurToken.ts

@@ -59,6 +59,12 @@ class RafraichisseurToken {
   private estJetonValide(nomTemoin: string): boolean {
     if (this.popupAffiche || !nomTemoin) return true //On fait semblant que c'est valide pour ne pas provoquer un autre affichage du popup.
 
+    // Vérifier aussi le cookie principal (csqc_jeton_secure) en plus du sentinel d'expiration
+    const nomPrincipal = nomTemoin.replace('_expiration', '')
+    if (nomPrincipal !== nomTemoin && !this.lireCookie(nomPrincipal)) {
+      return false
+    }
+
     const tokenEncode = this.lireCookie(nomTemoin)
     if (!tokenEncode) {
       return false

package/package.json

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