codevdesign 0.0.52 → 0.0.54

package/assets/csqc.css

@@ -1,14 +1,14 @@
 @charset "UTF-8";
 
- /* titre design qc avec ligne orange*/ 
+/* titre design qc avec ligne orange*/
 .headline {
   color: #223654 !important;
   font-weight: 600 !important;
 }
 
-/* titre design qc avec ligne orange*/ 
+/* titre design qc avec ligne orange*/
 .headline:after {
-  content: "";
+  content: '';
   display: block;
   margin: 0 0 8px 0;
   width: 2.8rem;
@@ -18,7 +18,7 @@
 
 /* pour afficher une étoile après le label*/
 .required:after {
-  content: " *";
+  content: ' *';
   color: red;
 }
 
@@ -28,7 +28,6 @@
   font-size: 0.9rem;
 }
 
-
 /*hauteur des boutons min... par défaut c'est 34*/
 .BoutonCSQC {
   border-radius: 4px;
@@ -43,11 +42,11 @@
 }
 
 .iconeHover:hover {
-    color: #095797;
+  color: #095797;
 }
 
 /*goutière de 24px minimum entre les boutons compact*/
-.v-application--is-ltr .v-card__actions>.v-btn.v-btn+.v-btn {
+.v-application--is-ltr .v-card__actions > .v-btn.v-btn + .v-btn {
   margin-left: 16px;
 }
 
@@ -55,7 +54,6 @@
   margin-left: 16px;
 }
 
-
 /*permet legend max width sans padding de container */
 .maximumLargeur {
   margin-right: auto;
@@ -68,9 +66,6 @@
   cursor: pointer;
 }
 
-
-
-
 /*********************** Overrride piv                                *******************/
 @media screen and (min-width: 993px) {
   #pivImage {
@@ -103,12 +98,11 @@ html,
 body {
   padding: 0;
   margin: 0;
-  width: 100%
+  width: 100%;
 }
 
 /************************** PIV **************************/
 
-
 #pivImage {
   max-height: 2rem;
   max-width: 10.175rem;
@@ -118,7 +112,6 @@ body {
   display: none;
 }
 
-
 .visuallyHidden {
   border: 0;
   clip: rect(0 0 0 0);
@@ -127,40 +120,38 @@ body {
   overflow: hidden;
   padding: 0;
   position: absolute;
-  width: 1px
+  width: 1px;
 }
 
 .cacher {
-  display: none !important
+  display: none !important;
 }
 
-
 .flex,
 .d-flex {
   display: -ms-flexbox !important;
   display: -webkit-box !important;
-  display: flex !important
+  display: flex !important;
 }
 
 .align-items-center {
   -ms-flex-align: center !important;
   -webkit-box-align: center !important;
-  align-items: center !important
+  align-items: center !important;
 }
 
 .justify-content-end {
   -ms-flex-pack: end !important;
   -webkit-box-pack: end !important;
-  justify-content: flex-end !important
+  justify-content: flex-end !important;
 }
 
 .justify-content-start {
   -ms-flex-pack: start !important;
   -webkit-box-pack: start !important;
-  justify-content: flex-start !important
+  justify-content: flex-start !important;
 }
 
-
 /* Taille de police */
 
 h1,
@@ -241,19 +232,18 @@ h6,
 
 h1:after,
 h2.decorated:after {
-  content: "";
+  content: '';
   display: block;
   margin: 0 0 12px 0;
   width: 4.8rem;
   padding-top: 0.4rem;
-
 }
 
 h3.decorated:after,
 h4.decorated:after,
 h5.decorated:after,
 h6.decorated:after {
-  content: "";
+  content: '';
   display: block;
   margin: 0 0 12px 0;
   width: 3.4rem;

package/composants/csqcChaise/chaiseConteneur.vue

@@ -4,7 +4,7 @@
     <div v-if="preferences && unites && unites.length > 0 && activerDivPreferences">
       <v-card
         width="375"
-        outlined
+        border
       >
         <v-card-text
           flat
@@ -29,9 +29,9 @@
                 class="mb-1"
               >
                 <chaiseItem
-                  :uniteId="uniteId"
+                  :unite-id="uniteId"
                   :preferences="preferences"
-                  :dictChaisesReleve="dictChaisesReleve"
+                  :dict-chaises-releve="dictChaisesReleve"
                   :unites="unites"
                 />
               </v-list-item>
@@ -43,8 +43,8 @@
           <v-btn
             v-if="chargementEnCours == false"
             rounded
-            outlined
-            small
+            variant="outlined"
+            size="small"
             @click.stop="modifier"
             >{{ $t('csqc.bouton.modifier') }}</v-btn
           >
@@ -53,9 +53,9 @@
     </div>
 
     <v-dialog
+      v-model="visible"
       max-width="largeur"
       :fullscreen="display.name.value == 'xs'"
-      v-model="visible"
       @click:outside="annuler"
       @keydown.esc="annuler"
     >
@@ -76,8 +76,8 @@
               <v-row v-if="toutesUnitesPreferencesSelectionnees === false">
                 <v-col cols="12">
                   <v-alert
-                    dismissible
                     v-model="afficherErreur"
+                    closable
                     type="error"
                     >{{ $t('csqc.message.chaiseSelectionToutes') }}</v-alert
                   >
@@ -85,11 +85,11 @@
               </v-row>
               <v-row>
                 <v-col
+                  v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
+                  :key="uniteId"
                   cols="12"
                   sm="4"
                   md="3"
-                  v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
-                  :key="uniteId"
                 >
                   <label>{{ getUnite(uniteId)?.nom || '' }}</label>
                   <br />
@@ -111,7 +111,7 @@
           <div class="flex-grow-1"></div>
           <v-btn
             color="primary"
-            outlined
+            variant="outlined"
             @click.stop="annuler"
             >Annuler</v-btn
           >
@@ -155,9 +155,9 @@
   const visible = ref(false)
   const chargementEnCours = ref(false)
   const afficherErreur = ref(false)
-  const unites = ref<Array<{ id: number; nom: string }>>([])
-  const preferences = ref<Array<{ uniteId: number; chaiseId: number }>>([])
-  const dictChaisesReleve = ref<Record<number, Array<{ id: number; nom: string }>>>({})
+  const unites = ref<{ id: number; nom: string }[]>([])
+  const preferences = ref<{ uniteId: number; chaiseId: number }[]>([])
+  const dictChaisesReleve = ref<Record<number, { id: number; nom: string }[]>>({})
   const selection = ref<Record<number, number>>({})
   const modeModifier = ref(false)
 
@@ -186,7 +186,7 @@
   }
 
   const definitionSelectionDepart = () => {
-    for (let uniteId in dictChaisesReleve.value) {
+    for (const uniteId in dictChaisesReleve.value) {
       const chaises = dictChaisesReleve.value[uniteId]
       const uniteIdNum = Number(uniteId) // Convert to number
 
@@ -231,7 +231,7 @@
   }
 
   const sauvegarder = async () => {
-    for (let uniteId in dictChaisesReleve.value) {
+    for (const uniteId in dictChaisesReleve.value) {
       const chaiseId = selection.value[uniteId]
       if (chaiseId <= 0) {
         continue
@@ -296,7 +296,7 @@
   })
 
   const existePreference = computed(() => {
-    for (let uniteId in dictChaisesReleve.value) {
+    for (const uniteId in dictChaisesReleve.value) {
       for (let i = 0; i < dictChaisesReleve.value[uniteId].length; i++) {
         if (preferences.value.some(p => p.chaiseId === dictChaisesReleve.value[uniteId][i].id)) {
           return true
@@ -307,7 +307,7 @@
   })
 
   const toutesUnitesPreferencesSelectionnees = computed(() => {
-    for (let uniteId in dictChaisesReleve.value) {
+    for (const uniteId in dictChaisesReleve.value) {
       let uniteOk = false
       for (let i = 0; i < dictChaisesReleve.value[uniteId].length; i++) {
         if (preferences.value.some(p => p.chaiseId === dictChaisesReleve.value[uniteId][i].id)) {

package/composants/csqcChaise/chaiseItem.vue

@@ -1,17 +1,15 @@
 <template>
   <div>
-    <v-list-item-content>
-      <v-list-item-title>{{ nomUnite }}</v-list-item-title>
-      <v-list-item-subtitle v-if="getPreference != ''">
-        {{ getPreference }}
-      </v-list-item-subtitle>
-      <v-list-item-subtitle
-        v-if="getPreference == ''"
-        class="messageErreurChaiseItem"
-      >
-        {{ $t('csqc.message.chaiseSelection') }}
-      </v-list-item-subtitle>
-    </v-list-item-content>
+    <v-list-item-title>{{ nomUnite }}</v-list-item-title>
+    <v-list-item-subtitle v-if="getPreference != ''">
+      {{ getPreference }}
+    </v-list-item-subtitle>
+    <v-list-item-subtitle
+      v-if="getPreference == ''"
+      class="messageErreurChaiseItem"
+    >
+      {{ $t('csqc.message.chaiseSelection') }}
+    </v-list-item-subtitle>
   </div>
 </template>
 <script lang="ts" setup>
@@ -20,9 +18,9 @@
   // Définition des props
   const props = defineProps<{
     uniteId: number
-    preferences: Array<{ chaiseId: number }>
-    dictChaisesReleve: Record<number, Array<{ id: number; nom: string }>>
-    unites: Array<{ id: number; nom: string }>
+    preferences: { chaiseId: number }[]
+    dictChaisesReleve: Record<number, { id: number; nom: string }[]>
+    unites: { id: number; nom: string }[]
   }>()
 
   const nomUnite = computed(() => {

package/composants/csqcConfirmation.vue

@@ -1,8 +1,8 @@
 <template>
   <csqcDialogue
-    :titre="props.titre"
     ref="modale"
-    :operationEnCours="operationEnCours"
+    :titre="props.titre"
+    :operation-en-cours="operationEnCours"
     activator="supprimer"
     :largeur="props.largeur"
     @ok="confirmer"

package/composants/csqcOptionSwitch.vue

@@ -19,7 +19,7 @@
           :density="densite"
           :inset="inset"
           hide-details
-          @update:modelValue="sauvegarder"
+          @update:model-value="sauvegarder"
         />
       </v-col>
     </v-row>

package/composants/csqcRecherche.vue

@@ -20,7 +20,7 @@
         >
           <template #append>
             <v-btn
-              variant="flat"
+              variant="text"
               class="BarreRechercheBackIcone"
               :loading="chargement"
               :disabled="chargement || desactiver"
@@ -48,7 +48,7 @@
           static
           :readonly="chargement || desactiver"
           expand-icon=""
-          @update:modelValue="onPanelChange"
+          @update:model-value="onPanelChange"
         >
           <v-expansion-panel
             flat

package/composants/csqcSnackbar.vue

@@ -6,7 +6,7 @@
     multi-line
     :location="position"
     :color="props.couleur"
-    @update:modelValue="fermer"
+    @update:model-value="fermer"
   >
     <template v-if="props.titre || props.message">
       <b style="font-size: 12pt">{{ props.titre }}</b>

package/composants/csqcTable/csqcTable.vue

@@ -13,11 +13,11 @@
         <slot name="recherche"></slot>
         <Recherche
           v-if="rechercheAfficher"
-          :rechercheTexte="rechercheTexte"
+          :recherche-texte="rechercheTexte"
           :chargement="chargementListe"
           :recherche="recherche"
-          @update:recherche="chargerRecherche"
           class="flex-grow-1"
+          @update:recherche="chargerRecherche"
         >
         </Recherche>
       </v-col>
@@ -69,7 +69,7 @@
         static
         :readonly="chargementListe"
         expand-icon=""
-        @update:modelValue="onPanelChange"
+        @update:model-value="onPanelChange"
       >
         <v-expansion-panel
           flat
@@ -129,15 +129,12 @@
           <!-- boutons supprimer et modifier -->
           <!-- eslint-disable-next-line -->
           <template v-slot:item.action="{ item }">
-            <slot
-              name="actionsCustom"
-              v-bind:item="item"
-            ></slot>
+            <slot name="actionsCustom"></slot>
             <v-icon
               v-if="props.btnSupprimer"
               size="large"
-              @click.stop.prevent="ouvrirModaleSupprimer(item)"
               class="iconeSupprimer float-right"
+              @click.stop.prevent="ouvrirModaleSupprimer(item)"
             >
               mdi-delete
             </v-icon>
@@ -157,10 +154,10 @@
         <confirmation
           v-if="props.btnSupprimer"
           ref="modaleSupprimer"
-          @confirmer="supprimer"
           :texte="supprimerTexte"
           :titre="supprimerTitreTexte"
           :largeur="modaleSupprimerLargeur"
+          @confirmer="supprimer"
         />
       </v-col>
     </v-row>
@@ -266,7 +263,9 @@
   const ajouter = () => {
     emit('ajouter')
   }
-  const cliqueLigne = ({ item }: { item: any }) => {
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const cliqueLigne = (e: Event, { item }: { item: any }) => {
     emit('cliqueLigne', item)
   }