codevdesign 0.0.47 → 0.0.49

package/composants/csqcChaise/chaiseConteneur.vue

@@ -1,330 +1,330 @@
-<template>
-  <div class="pa-2 mt-2 mb-1 mr-1">
-    <!--on affiche une div avec les infos de préférences si le user a déjà au moins une préférence, au moins une unité et si activerDiv est à true.-->
-    <div v-if="preferences && unites && unites.length > 0 && activerDivPreferences">
-      <v-card
-        width="375"
-        outlined
-      >
-        <v-card-text
-          flat
-          class="pt-0 mt-0"
-        >
-          <v-progress-linear
-            v-if="chargementEnCours"
-            indeterminate
-          />
-          <div
-            v-if="!chargementEnCours"
-            class="pt-2"
-          >
-            <div class="text-overline text-h6 mb-2">{{ texteTitre }}</div>
-            <!--  <div v-if="existePreference == false">
-              Cliquer sur modifier ou lors de la soumission, vous pourrez sélectionner vos préférences de suivi.
-            </div>-->
-            <div>
-              <v-list-item
-                v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
-                :key="uniteId"
-                class="mb-1"
-              >
-                <chaiseItem
-                  :uniteId="uniteId"
-                  :preferences="preferences"
-                  :dictChaisesReleve="dictChaisesReleve"
-                  :unites="unites"
-                />
-              </v-list-item>
-            </div>
-          </div>
-        </v-card-text>
-        <v-card-actions>
-          <div class="flex-grow-1"></div>
-          <v-btn
-            v-if="chargementEnCours == false"
-            rounded
-            outlined
-            small
-            @click.stop="modifier"
-            >{{ $t('csqc.bouton.modifier') }}</v-btn
-          >
-        </v-card-actions>
-      </v-card>
-    </div>
-
-    <v-dialog
-      max-width="largeur"
-      :fullscreen="display.name.value == 'xs'"
-      v-model="visible"
-      @click:outside="annuler"
-      @keydown.esc="annuler"
-    >
-      <v-card :class="['pa-0', display.name.value != 'xs' ? 'v-card-color-solid' : 'v-card-color-solid-xs']">
-        <v-container :class="display.name.value == 'xs' ? 'pl-1 pr-3' : ''">
-          <h3 class="pb-3 pl-2">{{ texteTitre }}</h3>
-          <hr class="pl-2" />
-          <v-card-text flat>
-            <i>{{ info }}</i>
-            <v-progress-linear
-              v-if="chargementEnCours"
-              indeterminate
-            />
-            <div
-              v-if="!chargementEnCours"
-              class="pt-4"
-            >
-              <v-row v-if="toutesUnitesPreferencesSelectionnees === false">
-                <v-col cols="12">
-                  <v-alert
-                    dismissible
-                    v-model="afficherErreur"
-                    type="error"
-                    >{{ $t('csqc.message.chaiseSelectionToutes') }}</v-alert
-                  >
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col
-                  cols="12"
-                  sm="4"
-                  md="3"
-                  v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
-                  :key="uniteId"
-                >
-                  <label>{{ getUnite(uniteId)?.nom || '' }}</label>
-                  <br />
-                  <v-radio-group v-model="selection[uniteId]">
-                    <v-radio
-                      v-for="chaise in dictChaisesReleve[uniteId]"
-                      :key="chaise.id"
-                      :label="chaise.nom"
-                      :value="chaise.id"
-                    ></v-radio>
-                  </v-radio-group>
-                </v-col>
-              </v-row>
-            </div>
-          </v-card-text>
-        </v-container>
-
-        <v-card-actions>
-          <div class="flex-grow-1"></div>
-          <v-btn
-            color="primary"
-            outlined
-            @click.stop="annuler"
-            >Annuler</v-btn
-          >
-          <v-btn
-            color="primary"
-            @click.stop="ok"
-            >Ok</v-btn
-          >
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { ref, computed, defineProps, defineEmits, onMounted } from 'vue'
-  import axios from '@/outils/appAxios.ts'
-  import chaiseItem from './chaiseItem.vue'
-  import { useDisplay } from 'vuetify'
-  const display = useDisplay()
-
-  // Définition des props
-  const props = defineProps<{
-    activerDivPreferences: boolean
-    typeintervenant: string
-    demandeid: string
-    formulaireid: string
-    urlbase: string
-    titre?: string
-    texteinfo?: string
-    largeur?: number
-  }>()
-
-  // Définition des emits
-  const emit = defineEmits<{
-    (event: 'annuler'): void
-    (event: 'confirmer'): void
-  }>()
-
-  // Variables réactives
-  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 selection = ref<Record<number, number>>({})
-  const modeModifier = ref(false)
-
-  // Méthodes
-  const soumettre = async () => {
-    modeModifier.value = false
-    await ouvrir()
-  }
-
-  const ouvrir = async () => {
-    // Mode sans les divs
-    if (props.activerDivPreferences === false) {
-      await chargementPreferences()
-      visible.value = true
-      return
-    }
-
-    // Mode avec div, mais il manque une sélection
-    if (!toutesUnitesPreferencesSelectionnees.value) {
-      visible.value = true
-      return
-    }
-
-    // Tout est beau
-    await ok()
-  }
-
-  const definitionSelectionDepart = () => {
-    for (let uniteId in dictChaisesReleve.value) {
-      const chaises = dictChaisesReleve.value[uniteId]
-      const uniteIdNum = Number(uniteId) // Convert to number
-
-      const pref = preferences.value.find(
-        pref => pref.uniteId === uniteIdNum && chaises.some(chaise => chaise.id === pref.chaiseId),
-      )
-
-      const chaiseIdDefaut = pref?.chaiseId ?? (chaises.length === 1 ? chaises[0].id : -1)
-      selection.value[uniteIdNum] = chaiseIdDefaut // Ensure key consistency
-    }
-  }
-  const estPrefere = (uniteId: number, chaiseId: number) => {
-    return preferences.value.some(x => x.uniteId === uniteId && x.chaiseId === chaiseId)
-  }
-
-  const annuler = () => {
-    visible.value = false
-    modeModifier.value = false
-    emit('annuler')
-  }
-
-  const getUnite = (uniteId: number) => {
-    return unites.value.find(x => x.id === uniteId)
-  }
-
-  const modifier = () => {
-    modeModifier.value = true
-    visible.value = true
-  }
-
-  const ok = async () => {
-    await sauvegarder()
-    if (toutesUnitesPreferencesSelectionnees.value) {
-      if (!modeModifier.value) {
-        emit('confirmer')
-      }
-      visible.value = false
-      modeModifier.value = false
-    } else {
-      afficherErreur.value = true
-    }
-  }
-
-  const sauvegarder = async () => {
-    for (let uniteId in dictChaisesReleve.value) {
-      const chaiseId = selection.value[uniteId]
-      if (chaiseId <= 0) {
-        continue
-      }
-
-      // Cibler l'ancienne préférence reliée à une des chaises de cette unité
-      let prefIndexDeUnite = -1
-      for (let i = 0; i < dictChaisesReleve.value[uniteId].length; i++) {
-        prefIndexDeUnite = preferences.value.findIndex(p => p.chaiseId === dictChaisesReleve.value[uniteId][i].id)
-        if (prefIndexDeUnite >= 0) {
-          break
-        }
-      }
-
-      try {
-        const response = await axios
-          .getAxios()
-          .put(
-            `${props.urlbase}/api/ComposantUI/Preferences/${props.formulaireid}/Unite/${uniteId}/Chaise/${chaiseId}/TypeIntervenant/${props.typeintervenant}`,
-          )
-
-        const itemRecu = response.data // Extract the actual data
-
-        // Écraser l'ancienne sélection
-        if (prefIndexDeUnite >= 0) {
-          preferences.value[prefIndexDeUnite] = itemRecu
-        } else {
-          preferences.value = [itemRecu]
-        }
-      } catch (e) {
-        console.error(e)
-      }
-    }
-  }
-
-  const chargementPreferences = async () => {
-    chargementEnCours.value = true
-    // Ramasse les infos des chaises par unité
-    dictChaisesReleve.value = await axios
-      .getAxios()
-      .get(`${props.urlbase}/api/ComposantUI/ReleveDe/${props.typeintervenant}/Demande/${props.demandeid}`)
-
-    // Ramasse les préférences de l'usager
-    preferences.value = await axios
-      .getAxios()
-      .get(
-        `${props.urlbase}/api/ComposantUI/Preferences/${props.formulaireid}/TypeIntervenant/${props.typeintervenant}`,
-      )
-    definitionSelectionDepart()
-
-    await sauvegarder() // Immédiatement on sauvegarde pour les choix uniques.
-
-    chargementEnCours.value = false
-  }
-
-  const texteTitre = computed(() => {
-    return props.titre || ''
-  })
-
-  const info = computed(() => {
-    return props.texteinfo || ''
-  })
-
-  const existePreference = computed(() => {
-    for (let 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
-        }
-      }
-    }
-    return false
-  })
-
-  const toutesUnitesPreferencesSelectionnees = computed(() => {
-    for (let 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)) {
-          uniteOk = true
-        }
-      }
-
-      if (!uniteOk) return false
-    }
-
-    return true // Toutes les unités ont été sélectionnées
-  })
-
-  onMounted(async () => {
-    chargementEnCours.value = true
-    // Ramasse les unités de l'usager
-    unites.value = await axios.getAxios().get(`${props.urlbase}/api/ComposantUI/Unites`)
-    chargementPreferences()
-  })
-</script>
+<template>
+  <div class="pa-2 mt-2 mb-1 mr-1">
+    <!--on affiche une div avec les infos de préférences si le user a déjà au moins une préférence, au moins une unité et si activerDiv est à true.-->
+    <div v-if="preferences && unites && unites.length > 0 && activerDivPreferences">
+      <v-card
+        width="375"
+        outlined
+      >
+        <v-card-text
+          flat
+          class="pt-0 mt-0"
+        >
+          <v-progress-linear
+            v-if="chargementEnCours"
+            indeterminate
+          />
+          <div
+            v-if="!chargementEnCours"
+            class="pt-2"
+          >
+            <div class="text-overline text-h6 mb-2">{{ texteTitre }}</div>
+            <!--  <div v-if="existePreference == false">
+              Cliquer sur modifier ou lors de la soumission, vous pourrez sélectionner vos préférences de suivi.
+            </div>-->
+            <div>
+              <v-list-item
+                v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
+                :key="uniteId"
+                class="mb-1"
+              >
+                <chaiseItem
+                  :uniteId="uniteId"
+                  :preferences="preferences"
+                  :dictChaisesReleve="dictChaisesReleve"
+                  :unites="unites"
+                />
+              </v-list-item>
+            </div>
+          </div>
+        </v-card-text>
+        <v-card-actions>
+          <div class="flex-grow-1"></div>
+          <v-btn
+            v-if="chargementEnCours == false"
+            rounded
+            outlined
+            small
+            @click.stop="modifier"
+            >{{ $t('csqc.bouton.modifier') }}</v-btn
+          >
+        </v-card-actions>
+      </v-card>
+    </div>
+
+    <v-dialog
+      max-width="largeur"
+      :fullscreen="display.name.value == 'xs'"
+      v-model="visible"
+      @click:outside="annuler"
+      @keydown.esc="annuler"
+    >
+      <v-card :class="['pa-0', display.name.value != 'xs' ? 'v-card-color-solid' : 'v-card-color-solid-xs']">
+        <v-container :class="display.name.value == 'xs' ? 'pl-1 pr-3' : ''">
+          <h3 class="pb-3 pl-2">{{ texteTitre }}</h3>
+          <hr class="pl-2" />
+          <v-card-text flat>
+            <i>{{ info }}</i>
+            <v-progress-linear
+              v-if="chargementEnCours"
+              indeterminate
+            />
+            <div
+              v-if="!chargementEnCours"
+              class="pt-4"
+            >
+              <v-row v-if="toutesUnitesPreferencesSelectionnees === false">
+                <v-col cols="12">
+                  <v-alert
+                    dismissible
+                    v-model="afficherErreur"
+                    type="error"
+                    >{{ $t('csqc.message.chaiseSelectionToutes') }}</v-alert
+                  >
+                </v-col>
+              </v-row>
+              <v-row>
+                <v-col
+                  cols="12"
+                  sm="4"
+                  md="3"
+                  v-for="uniteId in Object.keys(dictChaisesReleve).map(Number)"
+                  :key="uniteId"
+                >
+                  <label>{{ getUnite(uniteId)?.nom || '' }}</label>
+                  <br />
+                  <v-radio-group v-model="selection[uniteId]">
+                    <v-radio
+                      v-for="chaise in dictChaisesReleve[uniteId]"
+                      :key="chaise.id"
+                      :label="chaise.nom"
+                      :value="chaise.id"
+                    ></v-radio>
+                  </v-radio-group>
+                </v-col>
+              </v-row>
+            </div>
+          </v-card-text>
+        </v-container>
+
+        <v-card-actions>
+          <div class="flex-grow-1"></div>
+          <v-btn
+            color="primary"
+            outlined
+            @click.stop="annuler"
+            >Annuler</v-btn
+          >
+          <v-btn
+            color="primary"
+            @click.stop="ok"
+            >Ok</v-btn
+          >
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, computed, onMounted } from 'vue'
+  import axios from '@/outils/appAxios.ts'
+  import chaiseItem from './chaiseItem.vue'
+  import { useDisplay } from 'vuetify'
+  const display = useDisplay()
+
+  // Définition des props
+  const props = defineProps<{
+    activerDivPreferences: boolean
+    typeintervenant: string
+    demandeid: string
+    formulaireid: string
+    urlbase: string
+    titre?: string
+    texteinfo?: string
+    largeur?: number
+  }>()
+
+  // Définition des emits
+  const emit = defineEmits<{
+    (event: 'annuler'): void
+    (event: 'confirmer'): void
+  }>()
+
+  // Variables réactives
+  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 selection = ref<Record<number, number>>({})
+  const modeModifier = ref(false)
+
+  // Méthodes
+  const soumettre = async () => {
+    modeModifier.value = false
+    await ouvrir()
+  }
+
+  const ouvrir = async () => {
+    // Mode sans les divs
+    if (props.activerDivPreferences === false) {
+      await chargementPreferences()
+      visible.value = true
+      return
+    }
+
+    // Mode avec div, mais il manque une sélection
+    if (!toutesUnitesPreferencesSelectionnees.value) {
+      visible.value = true
+      return
+    }
+
+    // Tout est beau
+    await ok()
+  }
+
+  const definitionSelectionDepart = () => {
+    for (let uniteId in dictChaisesReleve.value) {
+      const chaises = dictChaisesReleve.value[uniteId]
+      const uniteIdNum = Number(uniteId) // Convert to number
+
+      const pref = preferences.value.find(
+        pref => pref.uniteId === uniteIdNum && chaises.some(chaise => chaise.id === pref.chaiseId),
+      )
+
+      const chaiseIdDefaut = pref?.chaiseId ?? (chaises.length === 1 ? chaises[0].id : -1)
+      selection.value[uniteIdNum] = chaiseIdDefaut // Ensure key consistency
+    }
+  }
+  const estPrefere = (uniteId: number, chaiseId: number) => {
+    return preferences.value.some(x => x.uniteId === uniteId && x.chaiseId === chaiseId)
+  }
+
+  const annuler = () => {
+    visible.value = false
+    modeModifier.value = false
+    emit('annuler')
+  }
+
+  const getUnite = (uniteId: number) => {
+    return unites.value.find(x => x.id === uniteId)
+  }
+
+  const modifier = () => {
+    modeModifier.value = true
+    visible.value = true
+  }
+
+  const ok = async () => {
+    await sauvegarder()
+    if (toutesUnitesPreferencesSelectionnees.value) {
+      if (!modeModifier.value) {
+        emit('confirmer')
+      }
+      visible.value = false
+      modeModifier.value = false
+    } else {
+      afficherErreur.value = true
+    }
+  }
+
+  const sauvegarder = async () => {
+    for (let uniteId in dictChaisesReleve.value) {
+      const chaiseId = selection.value[uniteId]
+      if (chaiseId <= 0) {
+        continue
+      }
+
+      // Cibler l'ancienne préférence reliée à une des chaises de cette unité
+      let prefIndexDeUnite = -1
+      for (let i = 0; i < dictChaisesReleve.value[uniteId].length; i++) {
+        prefIndexDeUnite = preferences.value.findIndex(p => p.chaiseId === dictChaisesReleve.value[uniteId][i].id)
+        if (prefIndexDeUnite >= 0) {
+          break
+        }
+      }
+
+      try {
+        const response = await axios
+          .getAxios()
+          .put(
+            `${props.urlbase}/api/ComposantUI/Preferences/${props.formulaireid}/Unite/${uniteId}/Chaise/${chaiseId}/TypeIntervenant/${props.typeintervenant}`,
+          )
+
+        const itemRecu = response.data // Extract the actual data
+
+        // Écraser l'ancienne sélection
+        if (prefIndexDeUnite >= 0) {
+          preferences.value[prefIndexDeUnite] = itemRecu
+        } else {
+          preferences.value = [itemRecu]
+        }
+      } catch (e) {
+        console.error(e)
+      }
+    }
+  }
+
+  const chargementPreferences = async () => {
+    chargementEnCours.value = true
+    // Ramasse les infos des chaises par unité
+    dictChaisesReleve.value = await axios
+      .getAxios()
+      .get(`${props.urlbase}/api/ComposantUI/ReleveDe/${props.typeintervenant}/Demande/${props.demandeid}`)
+
+    // Ramasse les préférences de l'usager
+    preferences.value = await axios
+      .getAxios()
+      .get(
+        `${props.urlbase}/api/ComposantUI/Preferences/${props.formulaireid}/TypeIntervenant/${props.typeintervenant}`,
+      )
+    definitionSelectionDepart()
+
+    await sauvegarder() // Immédiatement on sauvegarde pour les choix uniques.
+
+    chargementEnCours.value = false
+  }
+
+  const texteTitre = computed(() => {
+    return props.titre || ''
+  })
+
+  const info = computed(() => {
+    return props.texteinfo || ''
+  })
+
+  const existePreference = computed(() => {
+    for (let 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
+        }
+      }
+    }
+    return false
+  })
+
+  const toutesUnitesPreferencesSelectionnees = computed(() => {
+    for (let 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)) {
+          uniteOk = true
+        }
+      }
+
+      if (!uniteOk) return false
+    }
+
+    return true // Toutes les unités ont été sélectionnées
+  })
+
+  onMounted(async () => {
+    chargementEnCours.value = true
+    // Ramasse les unités de l'usager
+    unites.value = await axios.getAxios().get(`${props.urlbase}/api/ComposantUI/Unites`)
+    chargementPreferences()
+  })
+</script>