Matthieu
0fc9daa974
Auto Tag Develop / tag (push) Successful in 13s
Le nom d'une machine n'est plus unique globalement mais par site : deux machines peuvent porter le même nom sur des sites différents, mais le doublon reste interdit sur un même site. - Machine : contrainte composite (name, siteId) + UniqueEntity (name, site) - UniqueConstraintSubscriber : message explicite pour uniq_machine_name_site - Migration : drop index global sur name + create unique index (name, siteid) - Front : message d'erreur inline explicite à la création (page + modale) - Tests : 4 scénarios (sites différents / même site / renommage / déplacement)
123 lines
3.3 KiB
Vue
123 lines
3.3 KiB
Vue
<template>
|
|
<div v-if="open" class="modal modal-open">
|
|
<div class="modal-box max-w-2xl">
|
|
<h3 class="font-bold text-lg mb-4">
|
|
Ajouter une nouvelle machine
|
|
</h3>
|
|
<form @submit.prevent="handleSubmit">
|
|
<div v-if="errorMessage" class="alert alert-error mb-4" role="alert">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-5 w-5 shrink-0"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
|
|
</svg>
|
|
<span>{{ errorMessage }}</span>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
|
|
<div class="form-control">
|
|
<label class="label">
|
|
<span class="label-text">Nom de la machine</span>
|
|
</label>
|
|
<input
|
|
v-model="form.name"
|
|
type="text"
|
|
placeholder="Ex: Presse hydraulique #1"
|
|
class="input input-bordered"
|
|
:disabled="disabled"
|
|
required
|
|
>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label">
|
|
<span class="label-text">Site</span>
|
|
</label>
|
|
<select
|
|
v-model="form.siteId"
|
|
class="select select-bordered"
|
|
:disabled="disabled"
|
|
required
|
|
>
|
|
<option value="">
|
|
Sélectionner un site
|
|
</option>
|
|
<option v-for="site in sites" :key="site.id" :value="site.id">
|
|
{{ site.name }}
|
|
</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-control mb-4">
|
|
<label class="label">
|
|
<span class="label-text">Référence</span>
|
|
</label>
|
|
<input
|
|
v-model="form.reference"
|
|
type="text"
|
|
placeholder="Ex: PRESS-001"
|
|
class="input input-bordered"
|
|
:disabled="disabled"
|
|
>
|
|
</div>
|
|
|
|
<div class="modal-action">
|
|
<button
|
|
type="button"
|
|
class="btn btn-outline"
|
|
@click="$emit('close')"
|
|
>
|
|
Annuler
|
|
</button>
|
|
<button type="submit" class="btn btn-primary" :disabled="disabled">
|
|
Créer la machine
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { reactive, watch } from 'vue'
|
|
|
|
const props = defineProps<{
|
|
open: boolean
|
|
sites: Array<{ id: string, name: string }>
|
|
disabled: boolean
|
|
preselectedSiteId?: string
|
|
errorMessage?: string | null
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
close: []
|
|
create: [data: { name: string, siteId: string, reference: string }]
|
|
}>()
|
|
|
|
const form = reactive({
|
|
name: '',
|
|
siteId: '',
|
|
reference: '',
|
|
})
|
|
|
|
function handleSubmit() {
|
|
emit('create', { ...form })
|
|
}
|
|
|
|
watch(() => props.open, (isOpen) => {
|
|
if (isOpen && props.preselectedSiteId) {
|
|
form.siteId = props.preselectedSiteId
|
|
}
|
|
if (!isOpen) {
|
|
form.name = ''
|
|
form.siteId = ''
|
|
form.reference = ''
|
|
}
|
|
})
|
|
</script>
|