Matthieu
5764d8f472
- Prestataire : entité/repo + ressource API Platform (RBAC directory.providers.*), ownership prestataire sur contacts/adresses/comptes-rendus (CHECK XOR à 3), DTO/service/drawer/fiche détail + onglet dédié dans le répertoire. - Prospect : société uniquement (suppression du champ name, company requis) ; migration de backfill, conversion prospect→client et MCP adaptés. - Champ site web sur client/prospect/prestataire (entités, DTO, onglet Information, MCP). - Validateurs front email / téléphone FR (0549200910) / URL sur Information et Contacts, enregistrement bloqué tant qu'un champ est invalide. - Autocomplete adresse branché sur la Base Adresse Nationale (api-adresse.data.gouv.fr) avec mode dégradé en saisie libre. - Administration : retrait de l'onglet Clients.
90 lines
3.1 KiB
Vue
90 lines
3.1 KiB
Vue
<template>
|
|
<div class="relative grid grid-cols-2 gap-x-[44px] gap-y-4 rounded-lg bg-white px-7 py-5 shadow-[0_4px_4px_0_rgba(0,0,0,0.10)]">
|
|
<h3 class="col-span-2 text-sm font-semibold text-neutral-700">
|
|
{{ title }}
|
|
</h3>
|
|
<MalioButtonIcon
|
|
v-if="removable && !readonly"
|
|
icon="mdi:delete-outline"
|
|
variant="ghost"
|
|
class="absolute right-3 top-3"
|
|
:aria-label="$t('common.delete')"
|
|
@click="$emit('remove')"
|
|
/>
|
|
|
|
<MalioInputText
|
|
:label="$t('directory.contacts.fields.lastName')"
|
|
:model-value="modelValue.lastName ?? ''"
|
|
:readonly="readonly"
|
|
@update:model-value="update('lastName', $event)"
|
|
/>
|
|
<MalioInputText
|
|
:label="$t('directory.contacts.fields.firstName')"
|
|
:model-value="modelValue.firstName ?? ''"
|
|
:readonly="readonly"
|
|
@update:model-value="update('firstName', $event)"
|
|
/>
|
|
<MalioInputText
|
|
class="col-span-2"
|
|
:label="$t('directory.contacts.fields.jobTitle')"
|
|
:model-value="modelValue.jobTitle ?? ''"
|
|
:readonly="readonly"
|
|
@update:model-value="update('jobTitle', $event)"
|
|
/>
|
|
<MalioInputText
|
|
:label="$t('directory.contacts.fields.email')"
|
|
:model-value="modelValue.email ?? ''"
|
|
:readonly="readonly"
|
|
:error="emailError"
|
|
@update:model-value="update('email', $event)"
|
|
/>
|
|
<MalioInputText
|
|
:label="$t('directory.contacts.fields.phonePrimary')"
|
|
:model-value="modelValue.phonePrimary ?? ''"
|
|
:readonly="readonly"
|
|
:error="phonePrimaryError"
|
|
@update:model-value="update('phonePrimary', $event)"
|
|
/>
|
|
<MalioInputText
|
|
:label="$t('directory.contacts.fields.phoneSecondary')"
|
|
:model-value="modelValue.phoneSecondary ?? ''"
|
|
:readonly="readonly"
|
|
:error="phoneSecondaryError"
|
|
@update:model-value="update('phoneSecondary', $event)"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { Contact } from '~/modules/directory/services/dto/contact'
|
|
import { isValidEmail, isValidFrPhone } from '~/modules/directory/utils/validation'
|
|
|
|
const props = defineProps<{
|
|
modelValue: Contact
|
|
title: string
|
|
removable?: boolean
|
|
readonly?: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
'update:modelValue': [value: Contact]
|
|
'remove': []
|
|
}>()
|
|
|
|
const { t } = useI18n()
|
|
|
|
const emailError = computed(() =>
|
|
isValidEmail(props.modelValue.email) ? '' : t('directory.validation.emailInvalid'),
|
|
)
|
|
const phonePrimaryError = computed(() =>
|
|
isValidFrPhone(props.modelValue.phonePrimary) ? '' : t('directory.validation.phoneInvalid'),
|
|
)
|
|
const phoneSecondaryError = computed(() =>
|
|
isValidFrPhone(props.modelValue.phoneSecondary) ? '' : t('directory.validation.phoneInvalid'),
|
|
)
|
|
|
|
function update(field: keyof Contact, value: string): void {
|
|
emit('update:modelValue', { ...props.modelValue, [field]: value === '' ? null : value })
|
|
}
|
|
</script>
|