codevdesign 1.0.33 → 1.0.35

package/composants/csqcChaise/chaiseConteneur.vue

@@ -1,367 +0,0 @@
-<template>
-  <div class="pa-2 mt-2 mb-1 mr-1">
-    <!-- Affiche la carte récap si activée et qu'il y a des unités -->
-    <div v-if="activerDivPreferences && unites && unites.length > 0">
-      <v-card
-        width="375"
-        variant="outlined"
-      >
-        <v-card-text class="pt-0 mt-0">
-          <v-progress-linear
-            v-if="chargementEnCours"
-            indeterminate
-          />
-
-          <div
-            v-else
-            class="pt-2"
-          >
-            <div class="text-overline text-h6 mb-2">{{ texteTitre }}</div>
-
-            <div>
-              <v-list-item
-                v-for="uniteId in Object.keys(dictChaisesReleve)"
-                :key="uniteId"
-                class="mb-1"
-              >
-                <ChaisePreferenceItem
-                  :uniteId="Number(uniteId)"
-                  :preferences="preferences"
-                  :dictChaisesReleve="dictChaisesReleve"
-                  :unites="unites"
-                />
-              </v-list-item>
-            </div>
-          </div>
-        </v-card-text>
-
-        <v-card-actions>
-          <div class="flex-grow-1" />
-          <v-btn
-            v-if="!chargementEnCours"
-            rounded
-            variant="outlined"
-            size="small"
-            @click.stop="modifier"
-          >
-            {{ texteBoutonModifier }}
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </div>
-
-    <csqcDialogue
-      ref="modale"
-      :operation-en-cours="chargementEnCours"
-      :btn-ok-desactiver="chargementEnCours"
-      :titre="texteTitre"
-      :btn-annuler-texte="texteBoutonAnnuler"
-      @annuler="annuler"
-      @ok="ok"
-      ><template #content>
-        <div class="pt-2"></div>
-        <hr class="pt-0 mt-0 pl-0" />
-        <div class="pt-4">
-          <i>{{ info }}</i>
-
-          <v-progress-linear
-            v-if="chargementEnCours"
-            indeterminate
-          />
-
-          <div
-            v-else
-            class="pt-4"
-          >
-            <v-row v-if="!toutesUnitesPreferencesSelectionnees">
-              <v-col cols="12">
-                <v-alert
-                  v-model="afficherErreur"
-                  type="error"
-                  variant="tonal"
-                  dismissible
-                >
-                  {{ texteMessageErreur }}
-                </v-alert>
-              </v-col>
-            </v-row>
-
-            <v-row>
-              <v-col
-                v-for="uniteId in Object.keys(dictChaisesReleve)"
-                :key="uniteId"
-                cols="12"
-                sm="6"
-                md="4"
-              >
-                <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-group>
-              </v-col>
-            </v-row>
-          </div>
-        </div>
-      </template>
-    </csqcDialogue>
-  </div>
-</template>
-
-<script setup lang="ts">
-  import { ref, computed, onMounted, nextTick, watch, toRefs } from 'vue'
-  import { useDisplay } from 'vuetify'
-  import ChaisePreferenceItem from './chaiseItem.vue'
-  import csqcDialogue from '../csqcDialogue.vue'
-  import axios from '../../outils/appAxios'
-  import type { Unite } from '@/codev/modeles/unite'
-  import { useI18n } from 'vue-i18n'
-  const modale = ref<InstanceType<typeof csqcDialogue> | null>(null)
-
-  interface Chaise {
-    id: number
-    nom: string
-  }
-  interface Preference {
-    uniteId: number
-    chaiseId: number
-  }
-
-  /** Props */
-  const props = defineProps<{
-    activerDivPreferences?: boolean
-    typeIntervenant: number
-    demandeId: number
-    formulaireId: number
-    urlBase: string
-    texteTitre?: string
-    texteInfo?: string
-    largeurModale?: number
-  }>()
-  const { typeIntervenant, demandeId, formulaireId, urlBase } = toRefs(props)
-  /** Emits */
-  const emit = defineEmits<{
-    (e: 'annuler'): void
-    (e: 'confirmer'): void
-  }>()
-
-  const { t } = useI18n({ useScope: 'global' })
-  const { xs } = useDisplay()
-  const isXs = computed(() => xs.value)
-
-  /** State */
-  const visible = ref(false)
-  const chargementEnCours = ref(false)
-  const afficherErreur = ref(false)
-  const unites = ref<Unite[]>([])
-  const preferences = ref<Preference[]>([])
-  const dictChaisesReleve = ref<Record<string, Chaise[]>>({})
-  const selection = ref<Record<string, number>>({})
-  const modeModifier = ref(false)
-
-  /** Textes */
-  const texteMessageErreur = computed(() => t('csqc.csqcChaise.erreur'))
-  const texteBoutonAnnuler = computed(() => t('csqc.bouton.annuler'))
-  const texteBoutonModifier = computed(() => t('csqc.bouton.modifier'))
-  const texteTitre = computed(() =>
-    props.texteTitre && props.texteTitre.length > 0 ? props.texteTitre : t('csqc.csqcChaise.titre'),
-  )
-  const info = computed(() =>
-    props.texteInfo && props.texteInfo.length > 0 ? props.texteInfo : t('csqc.csqcChaise.info'),
-  )
-
-  // Option A — ne recharger que si typeIntervenant change
-
-  const largeur = computed(() => props.largeurModale ?? 1200)
-  const activerDivPreferences = computed(() => props.activerDivPreferences ?? true)
-
-  function getUnite(uniteId: string) {
-    return unites.value.find((u: Unite) => String(u.id) === String(uniteId))
-  }
-
-  /*
-  function estPrefere(uniteId: string | number, chaiseId: number) {
-    return preferences.value.some(p => String(p.uniteId) === String(uniteId) && p.chaiseId === chaiseId)
-  }*/
-
-  /** Sélection par défaut à partir des préférences existantes */
-  function definitionSelectionDepart() {
-    for (const uniteId in dictChaisesReleve.value) {
-      const chaises = dictChaisesReleve.value[uniteId] ?? []
-      const pref = preferences.value.find(
-        p => String(p.uniteId) === String(uniteId) && chaises.some(chaise => chaise.id === p.chaiseId),
-      )
-      const chaiseIdDefaut = pref?.chaiseId ?? (chaises.length === 1 ? (chaises[0]?.id ?? -1) : -1)
-      selection.value[uniteId] = chaiseIdDefaut
-    }
-  }
-
-  /** Toutes les unités ont-elles une préférence sélectionnée ? */
-  const toutesUnitesPreferencesSelectionnees = computed(() => {
-    for (const uniteId in dictChaisesReleve.value) {
-      const chaises = dictChaisesReleve.value[uniteId] ?? []
-      const uniteOk = chaises.some(c => preferences.value.some(p => p.chaiseId === c.id))
-      if (!uniteOk) return false
-    }
-    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[]
-    unites.value = unitesData ?? []
-  }
-
-  async function chargementPreferences() {
-    chargementEnCours.value = true
-
-    // Chaises par unité
-    {
-      const data = (await axios
-        .getAxios()
-        .get<
-          Record<string, Chaise[]>
-        >(`${props.urlBase}/api/ComposantUI/ReleveDe/${props.typeIntervenant}/Demande/${props.demandeId}`)) as unknown as Record<
-        string,
-        Chaise[]
-      >
-      dictChaisesReleve.value = data ?? {}
-    }
-
-    // Préférences de l'usager
-    {
-      const data = (await axios
-        .getAxios()
-        .get<
-          Preference[]
-        >(`${props.urlBase}/api/ComposantUI/Preferences/${props.formulaireId}/TypeIntervenant/${props.typeIntervenant}`)) as unknown as Preference[]
-      preferences.value = (data ?? []).filter(Boolean)
-    }
-
-    definitionSelectionDepart()
-
-    // Sauvegarde immédiate pour les choix uniques (si demandé par ton flux)
-    await sauvegarder()
-
-    chargementEnCours.value = false
-  }
-
-  async function ouvrir() {
-    if (!activerDivPreferences.value) {
-      await chargementPreferences()
-      visible.value = true
-      return
-    }
-
-    if (!toutesUnitesPreferencesSelectionnees.value) {
-      visible.value = true
-      return
-    }
-
-    await ok()
-  }
-
-  function annuler() {
-    visible.value = false
-    modeModifier.value = false
-    emit('annuler')
-  }
-
-  function modifier() {
-    modeModifier.value = true
-    visible.value = true
-    modale.value?.ouvrir()
-  }
-
-  async function sauvegarder() {
-    for (const uniteId in dictChaisesReleve.value) {
-      const chaiseId = selection.value[uniteId]
-      if (!chaiseId || chaiseId <= 0) continue
-
-      const chaises = dictChaisesReleve.value[uniteId] ?? []
-      if (chaises.length === 0) continue
-
-      // Préférence existante pour CETTE unité ?
-      const prefIndexDeUnite = preferences.value.findIndex(p => chaises.some(c => c.id === p.chaiseId))
-
-      try {
-        const data = (await axios
-          .getAxios()
-          .put<Preference>(
-            `${props.urlBase}/api/ComposantUI/Preferences/${props.formulaireId}` +
-              `/Unite/${encodeURIComponent(uniteId)}` +
-              `/Chaise/${chaiseId}` +
-              `/TypeIntervenant/${props.typeIntervenant}`,
-          )) as unknown as Preference
-        const itemRecu = data as Preference
-
-        if (prefIndexDeUnite >= 0) {
-          // remplace l'élément à l'index
-          preferences.value.splice(prefIndexDeUnite, 1, itemRecu)
-        } else {
-          // ajoute un nouvel élément
-          preferences.value.push(itemRecu)
-        }
-      } catch (e) {
-        console.error(e)
-      }
-    }
-  }
-  async function soumettre() {
-    modeModifier.value = false
-    await ouvrir()
-  }
-  /** Validation finale */
-  async function ok() {
-    await sauvegarder()
-
-    if (toutesUnitesPreferencesSelectionnees.value) {
-      if (!modeModifier.value) emit('confirmer')
-      visible.value = false
-      modeModifier.value = false
-    } else {
-      afficherErreur.value = true
-      await nextTick()
-    }
-    modale.value?.fermer()
-  }
-
-  onMounted(async () => {
-    chargementEnCours.value = true
-    await charger()
-    chargementEnCours.value = false
-  })
-
-  // si le type d'intervenant change
-  watch(typeIntervenant, async (nv, ov) => {
-    if (nv === ov) return
-    await rechargerPourTypeIntervenant()
-  })
-
-  async function rechargerPourTypeIntervenant() {
-    try {
-      chargementEnCours.value = true
-      preferences.value = []
-      dictChaisesReleve.value = {}
-      selection.value = {}
-      afficherErreur.value = false
-
-      // recharge les données dépendantes
-      await chargementPreferences()
-    } finally {
-      chargementEnCours.value = false
-    }
-  }
-
-  defineExpose({ charger, soumettre })
-</script>

package/composants/csqcChaise/chaiseItem.vue

@@ -1,54 +0,0 @@
-<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>