codevdesign 1.0.77 → 1.0.79

package/assets/csqc.css

@@ -3,30 +3,29 @@
 /* titre design qc avec ligne orange*/
 .headline {
   color: #223654;
+  display: inline-block; /* largeur du texte */
   font-weight: 600;
-  display: inline-block;      /* largeur du texte */
-  position: relative;         /* pour positionner le ::after */
+  position: relative; /* pour positionner le ::after */
 }
 
 .headline::after {
+  border-bottom: 3px solid #f09686;
   content: '';
   display: block;
-  width: 2.8rem;              /* ligne fixe */
-  border-bottom: 3px solid #f09686;
-  margin-top: 0.3rem;         /* espace entre texte et ligne */
+  margin-top: 0.3rem; /* espace entre texte et ligne */
+  width: 2.8rem; /* ligne fixe */
 }
 
-
 /* pour afficher une étoile après le label*/
 .required:after {
-  content: ' *';
   color: red;
+  content: ' *';
 }
 
 /* grosseur et poids des labels*/
 .libelle {
-  font-weight: bold;
   font-size: 0.9rem;
+  font-weight: bold;
 }
 
 /*hauteur des boutons min... par défaut c'est 34*/
@@ -57,8 +56,8 @@
 
 /*permet legend max width sans padding de container */
 .maximumLargeur {
-  margin-right: auto;
   margin-left: auto;
+  margin-right: auto;
   max-width: 1310px;
   width: 100%;
 }
@@ -87,24 +86,24 @@
 }
 
 .material-icons {
+  direction: ltr;
+  display: inline-block;
   font-family: 'Material Icons';
-  font-weight: normal;
-  font-style: normal;
   font-size: 24px;
-  line-height: 1;
+  -moz-osx-font-smoothing: grayscale;
+  font-style: normal;
+  font-weight: normal;
   letter-spacing: normal;
+  line-height: 1;
+  overflow-wrap: normal;
   text-transform: none;
-  display: inline-block;
   white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -moz-osx-font-smoothing: grayscale;
 }
 
 html,
 body {
-  padding: 0;
   margin: 0;
+  padding: 0;
   width: 100%;
 }
 
@@ -142,20 +141,19 @@ body {
 }
 
 .align-items-center {
-  -ms-flex-align: center !important;
-  -webkit-box-align: center !important;
   align-items: center !important;
+  -ms-flex-align: center !important;
 }
 
 .justify-content-end {
-  -ms-flex-pack: end !important;
   -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
   justify-content: flex-end !important;
 }
 
 .justify-content-start {
-  -ms-flex-pack: start !important;
   -webkit-box-pack: start !important;
+  -ms-flex-pack: start !important;
   justify-content: flex-start !important;
 }
 
@@ -174,8 +172,8 @@ h6,
 .h5,
 .h6 {
   color: #223654;
-  font-weight: 600;
   font-style: normal;
+  font-weight: 600;
 }
 
 h1,
@@ -183,18 +181,18 @@ h1,
   font-size: 2.5rem;
   font-weight: bold;
   line-height: 2.7rem;
-  margin-top: 1.3rem;
   margin-bottom: 2rem;
+  margin-top: 1.3rem;
 }
 
 h2,
 .h2 {
   font-size: 2rem;
   font-weight: bold;
-  padding-bottom: 0;
+  line-height: 2.3rem;
   margin-bottom: 0.7rem;
   margin-top: 2.5rem;
-  line-height: 2.3rem;
+  padding-bottom: 0;
 }
 
 h3,
@@ -209,10 +207,10 @@ h3.results-topic {
 }
 
 h3.results-topic a {
-  font-weight: normal;
   font-size: 1.5rem;
-  text-decoration: none;
   font-variant-caps: all-small-caps;
+  font-weight: normal;
+  text-decoration: none;
 }
 
 h4,
@@ -242,18 +240,18 @@ h2.decorated:after {
   content: '';
   display: block;
   margin: 0 0 12px 0;
-  width: 4.8rem;
   padding-top: 0.4rem;
+  width: 4.8rem;
 }
 
 h3.decorated:after,
 h4.decorated:after,
 h5.decorated:after,
 h6.decorated:after {
+  border-bottom: 3px solid #f09686;
   content: '';
   display: block;
   margin: 0 0 12px 0;
-  width: 3.4rem;
   padding-top: 0.4rem;
-  border-bottom: 3px solid #f09686;
+  width: 3.4rem;
 }

package/composants/csqcAide.vue

@@ -10,7 +10,7 @@
           v-bind="activatorProps"
           :style="styleCss"
           :size="grosseurEffective"
-          color="grisMoyen"
+          color="primary"
           icon="mdi-help-circle"
           @click.stop.prevent
         />

package/composants/csqcAlerteErreur.vue

@@ -78,8 +78,8 @@
 
 <style lang="css" scoped>
   .error {
-    padding-top: 0.7rem;
     padding-bottom: 0.7rem;
+    padding-top: 0.7rem;
   }
   :deep(.blanc) {
     color: white;

package/composants/csqcChaise/chaiseConteneur.vue

@@ -26,9 +26,9 @@
                 class="mb-1"
               >
                 <ChaisePreferenceItem
-                  :uniteId="Number(uniteId)"
+                  :unite-id="Number(uniteId)"
                   :preferences="preferences"
-                  :dictChaisesReleve="dictChaisesReleve"
+                  :dict-chaises-releve="dictChaisesReleve"
                   :unites="unites"
                 />
               </v-list-item>
@@ -80,7 +80,7 @@
                   v-model="afficherErreur"
                   type="error"
                   variant="tonal"
-                  dismissible
+                  closable
                 >
                   {{ texteMessageErreur }}
                 </v-alert>

package/composants/csqcChaise/chaiseItem.vue

@@ -1,54 +1,54 @@
-<template>
-  <div>
-    <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>
-  import { computed } from 'vue'
-
-  // Définition des props
-  const props = defineProps<{
-    uniteId: number
-    preferences: { chaiseId: number }[]
-    dictChaisesReleve: Record<number, { id: number; nom: string }[]>
-    unites: { id: number; nom: string }[]
-  }>()
-
-  const nomUnite = computed(() => {
-    if (!props.uniteId || !props.unites?.length) {
-      return ''
-    }
-
-    const unite = props.unites.find(u => u.id == props.uniteId)
-    return unite?.nom || ''
-  })
-
-  const getPreference = computed(() => {
-    const chaises = props.dictChaisesReleve?.[props.uniteId] ?? []
-    const prefs = props.preferences ?? []
-
-    for (const chaise of chaises) {
-      if (prefs.some(p => p.chaiseId === chaise.id)) {
-        return chaise.nom
-      }
-    }
-
-    return ''
-  })
-</script>
-
-<style scoped>
-  .messageErreurChaiseItem {
-    color: red !important;
-    font-style: italic;
-  }
-</style>
+<template>
+  <div>
+    <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>
+  import { computed } from 'vue'
+
+  // Définition des props
+  const props = defineProps<{
+    uniteId: number
+    preferences: { chaiseId: number }[]
+    dictChaisesReleve: Record<number, { id: number; nom: string }[]>
+    unites: { id: number; nom: string }[]
+  }>()
+
+  const nomUnite = computed(() => {
+    if (!props.uniteId || !props.unites?.length) {
+      return ''
+    }
+
+    const unite = props.unites.find(u => u.id == props.uniteId)
+    return unite?.nom || ''
+  })
+
+  const getPreference = computed(() => {
+    const chaises = props.dictChaisesReleve?.[props.uniteId] ?? []
+    const prefs = props.preferences ?? []
+
+    for (const chaise of chaises) {
+      if (prefs.some(p => p.chaiseId === chaise.id)) {
+        return chaise.nom
+      }
+    }
+
+    return ''
+  })
+</script>
+
+<style scoped>
+  .messageErreurChaiseItem {
+    color: red !important;
+    font-style: italic;
+  }
+</style>