codevdesign 0.0.26 → 0.0.28

package/composants/csqcAide.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-menu
+    v-if="!isXs"
+    location="top start"
+  >
+    <template #activator="{ props: activatorProps }">
+      <v-icon
+        v-bind="activatorProps"
+        :size="small ? 'small' : 'default'"
+        start
+        color="grisMoyen"
+        :style="monstyle"
+      >
+        mdi-help-circle
+      </v-icon>
+    </template>
+
+    <v-card style="max-width: 1000px">
+      <v-card-text class="pa-6">
+        <span v-html="props.aide"></span>
+      </v-card-text>
+    </v-card>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useDisplay } from 'vuetify'
+
+  const props = defineProps<{
+    aide: string
+    monstyle?: string
+    small?: boolean
+  }>()
+
+  const { name } = useDisplay()
+
+  // on évite d'afficher sur les écrans extra-smalls
+  const isXs = computed(() => name.value === 'xs')
+</script>

package/composants/csqcOptionSwitch.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pt-4 pb-4 pl-4">
+  <div>
     <v-row dense>
       <v-col
         cols="9"
@@ -15,6 +15,8 @@
         <v-switch
           v-model="maValeur"
           :disabled="desactiver"
+          :density="densite"
+          :inset="inset"
           @change="sauvegarder"
           hide-details
         />
@@ -31,7 +33,7 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { ref, watch, defineProps, defineEmits, onMounted } from 'vue'
+  import { ref, watch, defineProps, defineEmits, onMounted, type PropType } from 'vue'
 
   // Définition des props
   const props = defineProps({
@@ -43,6 +45,10 @@
       type: Boolean,
       default: false,
     },
+    inset: {
+      type: Boolean,
+      default: true,
+    },
     modelValue: {
       type: Boolean,
       required: true,
@@ -55,6 +61,7 @@
       type: String,
       required: true,
     },
+    densite: { type: String as PropType<'default' | 'comfortable' | 'compact'>, default: 'compact' },
   })
 
   // Définition de l'événement

package/composants/csqcRecherche.vue

@@ -48,6 +48,7 @@
           v-if="rechercheAvancee"
           :readonly="chargement || desactiver"
           expand-icon=""
+          @update:modelValue="onPanelChange"
         >
           <v-expansion-panel
             flat
@@ -108,6 +109,7 @@
 
   const emit = defineEmits<{
     (e: 'update:recherche', recherche: string): void
+    (e: 'panneau:etat', isOpen: boolean): void //  événement pour l'ouverture/fermeture du panneau
   }>()
 
   // Création d'une variable locale pour gérer la recherche
@@ -125,6 +127,16 @@
   watch(rechercheLocale, nouvelleValeur => {
     emit('update:recherche', nouvelleValeur!)
   })
+
+  // Fonction pour émettre l'événement d'ouverture/fermeture du panneau
+  const onPanelChange = (val: unknown) => {
+    if (typeof val === 'string' || typeof val === 'number' || val === null) {
+      const isOpen = val !== null && val !== ''
+      emit('panneau:etat', isOpen)
+    } else {
+      emit('panneau:etat', false)
+    }
+  }
 </script>
 
 <style lang="css">

package/composants/csqcTable/csqcTable.vue

@@ -60,7 +60,7 @@
 
     <!-- ligne pour la recherche avancee -->
     <v-row
-      v-if="rechercheAvancee"
+      v-if="rechercheAvancee && rechercheAfficher"
       dense
       class="pt-0 mt-0 pl-1"
     >
@@ -104,6 +104,10 @@
           :items="liste"
           :search="recherche"
           :loading="chargementListe"
+          :hover="hover"
+          :density="densite"
+          :items-per-page="itemsParPage"
+          :item-per-page-options="itemsParPageOptions"
           @click:row="cliqueLigne"
         >
           <!-- utilisation des slots via le component parent-->
@@ -186,6 +190,7 @@
       type: Array as PropType<Colonne[]>,
       default: () => [],
     },
+    densite: { type: String as PropType<'default' | 'comfortable' | 'compact'>, default: 'default' },
     excel: { type: Boolean, default: false },
     excelNomFichier: { type: String, default: 'csqc' },
     //filtresDepart: { type: Object, default: null },
@@ -193,15 +198,16 @@
     // formulaireId: { type: Number, default: -1 },
     //identifiant: { type: String, default: '' },
     itemKey: { type: String, default: 'id' },
-    // itemsParPage: { type: Number, default: 10 },
+    itemsParPage: { type: Number, default: 10 },
     liste: {
       type: Array as PropType<Record<string, any>[]>,
       default: () => [],
     },
+    hover: { type: Boolean, default: false },
     // modulerDense: { type: Boolean, default: false },
     // multifiltre: { type: Boolean, default: false },
     // multiTri: { type: Boolean, default: false },
-    //optionsItemsParPage: { type: Array, default: () => [10, 25, 30, -1] },
+    itemsParPageOptions: { type: Array, default: () => [10, 25, 30, -1] },
     //pageCourante: { type: Number, default: 1 },
     //paginationBottom: { type: Boolean, default: true },
     // paginationTop: { type: Boolean, default: false },

package/index.ts

@@ -10,6 +10,7 @@ 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 csqcAide from './composants/csqcAide.vue'
 
 import Utilisateur from './modeles/utilisateur'
 import Unite from './modeles/unite'
@@ -43,6 +44,7 @@ export {
   csqcChaise,
   pivFooter,
   pivEntete,
+  csqcAide,
   Utilisateur,
   Unite,
   Intervention,

package/locales/fr.json

@@ -25,6 +25,16 @@
       "supprimer": "Supprimer",
       "televerser": "Téléverser"
     },
+    "csqcRechercheUtilisateur": {
+      "ajouterUtilisateurInfo": "Vous pouvez entrer ici l'identifiant Office 365 ou le matricule de l'employé. Puis cliquez sur la loupe. Si cette information se trouve dans le système de paie, l'utilisateur sera ajouté. Notez que l'utilisateur doit avoir une adresse électronique du portail valide dans le système de paie.",
+      "aucunEmploi": "Aucun emploi trouvé",
+      "corpsEmploi": "Corps d'emploi",
+      "identifiantOuMatricule": "Identifiant Office 365 ou matricule",
+      "placeholderRechercheUtilisateur": "Rechercher un utilisateur",
+      "revenirRecherche": "Revenir à la recherche",
+      "utilisateurIntrouvable": "L'employé recherché est introuvable",
+      "utilisateurs": "Employé"
+    },
     "label": {
       "actif": "Actif",
       "fermer": "Fermer",
@@ -34,10 +44,10 @@
       "rechercher": "Rechercher"
     },
     "message": {
-      "supprimerMessage": "Voulez-vous vraiment supprimer {nom}?",
-      "supprimerTitre": "Confirmation de suppression!",
       "chaiseSelection": "Aucune sélection pour cette unité",
-      "chaiseSelectionToutes": "Veuillez faire une sélection pour toutes les unités."
+      "chaiseSelectionToutes": "Veuillez faire une sélection pour toutes les unités.",
+      "supprimerMessage": "Voulez-vous vraiment supprimer {nom}?",
+      "supprimerTitre": "Confirmation de suppression!"
     },
     "pivEntete": {
       "langue": "English"

package/package.json

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