codevdesign 1.0.26 → 1.0.27

package/composants/csqcAide.vue

@@ -1,55 +1,55 @@
-<template>
-  <v-menu
-    v-if="!isXs"
-    :open-on-hover="hover"
-    location="top start"
-  >
-    <template #activator="{ props: activatorProps }">
-      <slot name="icone">
-        <v-icon
-          v-bind="activatorProps"
-          :style="styleCss"
-          :size="grosseurEffective"
-          color="grisMoyen"
-          icon="mdi-help-circle"
-          @click.stop.prevent
-        />
-      </slot>
-    </template>
-
-    <slot name="carte">
-      <v-expand-transition>
-        <v-card style="max-width: 1000px">
-          <v-card-text class="pa-6">
-            <span v-html="props.aide"></span>
-          </v-card-text> </v-card
-      ></v-expand-transition>
-    </slot>
-  </v-menu>
-</template>
-
-<script setup lang="ts">
-  import { computed } from 'vue'
-  import { useDisplay } from 'vuetify'
-
-  const props = withDefaults(
-    defineProps<{
-      aide: string
-      grosseur?: 'default' | 'small' | 'large' | 'x-large' | 'x-small'
-      hover?: boolean
-      styleCss?: string
-    }>(),
-    {
-      grosseur: 'default',
-      hover: false,
-      styleCss: '',
-    },
-  )
-  const grosseurEffective = computed(() => {
-    const val = props.grosseur
-    return val && val.trim() !== '' ? val : 'default'
-  })
-
-  const { name } = useDisplay()
-  const isXs = computed(() => name.value === 'xs')
-</script>
+<template>
+  <v-menu
+    v-if="!isXs"
+    :open-on-hover="hover"
+    location="top start"
+  >
+    <template #activator="{ props: activatorProps }">
+      <slot name="icone">
+        <v-icon
+          v-bind="activatorProps"
+          :style="styleCss"
+          :size="grosseurEffective"
+          color="grisMoyen"
+          icon="mdi-help-circle"
+          @click.stop.prevent
+        />
+      </slot>
+    </template>
+
+    <slot name="carte">
+      <v-expand-transition>
+        <v-card style="max-width: 1000px">
+          <v-card-text class="pa-6">
+            <span v-html="props.aide"></span>
+          </v-card-text> </v-card
+      ></v-expand-transition>
+    </slot>
+  </v-menu>
+</template>
+
+<script setup lang="ts">
+  import { computed } from 'vue'
+  import { useDisplay } from 'vuetify'
+
+  const props = withDefaults(
+    defineProps<{
+      aide: string
+      grosseur?: 'default' | 'small' | 'large' | 'x-large' | 'x-small'
+      hover?: boolean
+      styleCss?: string
+    }>(),
+    {
+      grosseur: 'default',
+      hover: false,
+      styleCss: '',
+    },
+  )
+  const grosseurEffective = computed(() => {
+    const val = props.grosseur
+    return val && val.trim() !== '' ? val : 'default'
+  })
+
+  const { name } = useDisplay()
+  const isXs = computed(() => name.value === 'xs')
+</script>

package/composants/csqcAlerteErreur.vue

@@ -1,87 +1,87 @@
-<template>
-  <div
-    v-if="afficher && erreur"
-    :style="retournerStyle"
-  >
-    <v-alert
-      v-model="afficher"
-      class="mb-0 text-center hyphen_auto"
-      color="#CB381F"
-      closable
-      v-bind="$attrs"
-      @click:close="fermer"
-    >
-      <span v-html="erreur" /><br />
-      <span
-        id="messageSoutien"
-        style="color: darkgray"
-        >{{ messageSoutien }}</span
-      >
-    </v-alert>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { computed, ref, watch } from 'vue'
-  import { useDisplay } from 'vuetify'
-  import { useI18n } from 'vue-i18n'
-
-  // Définir les props avec les types
-  const props = defineProps({
-    message: {
-      type: String,
-      required: true,
-    },
-    messageSoutien: {
-      type: String,
-      required: true,
-    },
-  })
-  const { name: displayName } = useDisplay()
-  const emit = defineEmits(['fermer:alerte'])
-  const { t } = useI18n({ useScope: 'global' })
-
-  const fermer = (): void => {
-    afficher.value = false
-    emit('fermer:alerte')
-  }
-
-  const afficher = ref(false)
-
-  // Watcher pour réagir aux changements du message
-  watch(
-    () => props.message,
-    nouveauMessage => {
-      if (nouveauMessage && nouveauMessage !== '') {
-        afficher.value = true
-      }
-    },
-  )
-
-  // Computed pour l'erreur, venant du store
-  const erreur = computed(() => {
-    if (props.message == null || props.message == '') return null
-
-    if (props.message.indexOf('erreurs.') === 0) return t(props.message)
-
-    return props.message
-  })
-
-  // Méthode computed pour le style en fonction du breakpoint
-  const retournerStyle = computed(() => {
-    if (displayName.value === 'xs') {
-      return 'top: 0px; right:1%;width: 98%;position: fixed; z-index: 2000;'
-    }
-    return 'top: 20px; right: 10%; width: 80%; position: fixed; z-index: 2000; margin: 0 auto;'
-  })
-</script>
-
-<style lang="css" scoped>
-  .error {
-    padding-top: 0.7rem;
-    padding-bottom: 0.7rem;
-  }
-  :deep(.blanc) {
-    color: white;
-  }
-</style>
+<template>
+  <div
+    v-if="afficher && erreur"
+    :style="retournerStyle"
+  >
+    <v-alert
+      v-model="afficher"
+      class="mb-0 text-center hyphen_auto"
+      color="#CB381F"
+      closable
+      v-bind="$attrs"
+      @click:close="fermer"
+    >
+      <span v-html="erreur" /><br />
+      <span
+        id="messageSoutien"
+        style="color: darkgray"
+        >{{ messageSoutien }}</span
+      >
+    </v-alert>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, watch } from 'vue'
+  import { useDisplay } from 'vuetify'
+  import { useI18n } from 'vue-i18n'
+
+  // Définir les props avec les types
+  const props = defineProps({
+    message: {
+      type: String,
+      required: true,
+    },
+    messageSoutien: {
+      type: String,
+      required: true,
+    },
+  })
+  const { name: displayName } = useDisplay()
+  const emit = defineEmits(['fermer:alerte'])
+  const { t } = useI18n({ useScope: 'global' })
+
+  const fermer = (): void => {
+    afficher.value = false
+    emit('fermer:alerte')
+  }
+
+  const afficher = ref(false)
+
+  // Watcher pour réagir aux changements du message
+  watch(
+    () => props.message,
+    nouveauMessage => {
+      if (nouveauMessage && nouveauMessage !== '') {
+        afficher.value = true
+      }
+    },
+  )
+
+  // Computed pour l'erreur, venant du store
+  const erreur = computed(() => {
+    if (props.message == null || props.message == '') return null
+
+    if (props.message.indexOf('erreurs.') === 0) return t(props.message)
+
+    return props.message
+  })
+
+  // Méthode computed pour le style en fonction du breakpoint
+  const retournerStyle = computed(() => {
+    if (displayName.value === 'xs') {
+      return 'top: 0px; right:1%;width: 98%;position: fixed; z-index: 2000;'
+    }
+    return 'top: 20px; right: 10%; width: 80%; position: fixed; z-index: 2000; margin: 0 auto;'
+  })
+</script>
+
+<style lang="css" scoped>
+  .error {
+    padding-top: 0.7rem;
+    padding-bottom: 0.7rem;
+  }
+  :deep(.blanc) {
+    color: white;
+  }
+</style>

package/composants/csqcChaise/chaiseConteneur.vue

@@ -211,6 +211,11 @@
     return true
   })
 
+  async function charger() {
+    await chargerUnites()
+    await chargementPreferences()
+  }
+
   async function chargerUnites() {
     const url = `${props.urlBase}/api/ComposantUI/Unites`
     const unitesData = (await axios.getAxios().get<Unite[]>(url)) as unknown as Unite[]
@@ -333,8 +338,7 @@
 
   onMounted(async () => {
     chargementEnCours.value = true
-    await chargerUnites()
-    await chargementPreferences()
+    await charger()
     chargementEnCours.value = false
   })
 
@@ -359,5 +363,5 @@
     }
   }
 
-  defineExpose({ soumettre })
+  defineExpose({ charger, soumettre })
 </script>

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>