MALIO-DEV/Inventory
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

chore: update frontend configuration

Browse Source
This commit is contained in:
Matthieu
2025-09-26 11:29:47 +02:00
parent b7caa4f552
commit a78938a4d1
64 changed files with 5790 additions and 5129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/pages/machines/index.vue
View File

@@ -2,7 +2,9 @@
<main class="container mx-auto px-6 py-8">
<div class="my-8">
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold">Parc Machines</h2>
<h2 class="text-2xl font-bold">
Parc Machines
</h2>
<NuxtLink to="/machines/new" class="btn btn-primary">
<IconLucidePlus class="w-5 h-5 mr-2" aria-hidden="true" />
Ajouter une machine
@@ -17,7 +19,9 @@
<span class="label-text">Site</span>
</label>
<select v-model="selectedSite" class="select select-bordered">
<option value="">Tous les sites</option>
<option value="">
Tous les sites
</option>
<option v-for="site in sites" :key="site.id" :value="site.id">
{{ site.name }}
</option>
@@ -28,7 +32,9 @@
<span class="label-text">Type de machine</span>
</label>
<select v-model="selectedType" class="select select-bordered">
<option value="">Tous les types</option>
<option value="">
Tous les types
</option>
<option v-for="type in machineTypes" :key="type.id" :value="type.id">
{{ type.name }}
</option>
@@ -39,7 +45,9 @@
<span class="label-text">Catégorie</span>
</label>
<select v-model="selectedCategory" class="select select-bordered">
<option value="">Toutes les catégories</option>
<option value="">
Toutes les catégories
</option>
<option v-for="category in categories" :key="category" :value="category">
{{ category }}
</option>
@@ -50,14 +58,18 @@
</div>
<div v-if="loading" class="flex justify-center items-center py-12">
<span class="loading loading-spinner loading-lg"></span>
<span class="loading loading-spinner loading-lg" />
</div>
<div v-else-if="filteredMachines.length === 0" class="text-center py-12">
<div class="max-w-md mx-auto">
<IconLucideFactory class="w-16 h-16 mx-auto text-gray-400 mb-4" aria-hidden="true" />
<h3 class="text-lg font-medium text-gray-900 mb-2">Aucune machine trouvée</h3>
<p class="text-gray-500 mb-4">Commencez par ajouter votre première machine.</p>
<h3 class="text-lg font-medium text-gray-900 mb-2">
Aucune machine trouvée
</h3>
<p class="text-gray-500 mb-4">
Commencez par ajouter votre première machine.
</p>
<NuxtLink to="/machines/new" class="btn btn-primary">
Ajouter une machine
</NuxtLink>
@@ -73,11 +85,17 @@
>
<div class="card-body">
<div class="flex items-center justify-between mb-2">
<h3 class="card-title text-lg">{{ machine.name }}</h3>
<div class="badge badge-primary badge-sm">{{ machine.typeMachine?.category || 'N/A' }}</div>
<h3 class="card-title text-lg">
{{ machine.name }}
</h3>
<div class="badge badge-primary badge-sm">
{{ machine.typeMachine?.category || 'N/A' }}
</div>
</div>
<p class="text-sm text-gray-600 mb-3">{{ machine.description || machine.typeMachine?.description }}</p>
<p class="text-sm text-gray-600 mb-3">
{{ machine.description || machine.typeMachine?.description }}
</p>
<div class="space-y-2 text-sm">
<div class="flex items-center gap-2">
@@ -94,7 +112,6 @@
<IconLucideTag class="w-4 h-4 text-orange-500" aria-hidden="true" />
<span class="text-gray-600">{{ machine.reference }}</span>
</div>
</div>
<div class="card-actions justify-end mt-4">
@@ -150,15 +167,15 @@ const filteredMachines = computed(() => {
let filtered = machines.value
if (selectedSite.value) {
filtered = filtered.filter((machine) => machine.siteId === selectedSite.value)
filtered = filtered.filter(machine => machine.siteId === selectedSite.value)
}
if (selectedType.value) {
filtered = filtered.filter((machine) => machine.typeMachineId === selectedType.value)
filtered = filtered.filter(machine => machine.typeMachineId === selectedType.value)
}
if (selectedCategory.value) {
filtered = filtered.filter((machine) => machine.typeMachine?.category === selectedCategory.value)
filtered = filtered.filter(machine => machine.typeMachine?.category === selectedCategory.value)
}
return filtered
@@ -193,7 +210,7 @@ onMounted(async () => {
await Promise.all([
loadMachines(),
loadSites(),
loadMachineTypes(),
loadMachineTypes()
])
})
</script>

268
app/pages/machines/new.vue
View File

@@ -3,10 +3,16 @@
<div class="max-w-5xl mx-auto">
<div class="flex flex-wrap items-center justify-between gap-3 mb-6">
<div>
<h1 class="text-2xl font-bold">Nouvelle machine</h1>
<p class="text-sm text-gray-500">Renseignez les informations et la configuration avant de créer la machine.</p>
<h1 class="text-2xl font-bold">
Nouvelle machine
</h1>
<p class="text-sm text-gray-500">
Renseignez les informations et la configuration avant de créer la machine.
</p>
</div>
<NuxtLink to="/machines" class="btn btn-ghost">Annuler</NuxtLink>
<NuxtLink to="/machines" class="btn btn-ghost">
Annuler
</NuxtLink>
</div>
<form class="space-y-6" @submit.prevent="finalizeMachineCreation">
@@ -24,7 +30,7 @@
placeholder="Ex: Presse hydraulique #1"
class="input input-bordered"
required
/>
>
</div>
<div class="form-control">
@@ -32,7 +38,9 @@
<span class="label-text">Site</span>
</label>
<select id="machine-field-site" v-model="newMachine.siteId" class="select select-bordered" required>
<option value="">Sélectionner un site</option>
<option value="">
Sélectionner un site
</option>
<option v-for="site in sites" :key="site.id" :value="site.id">
{{ site.name }}
</option>
@@ -46,7 +54,9 @@
<span class="label-text">Type de machine</span>
</label>
<select v-model="newMachine.typeMachineId" class="select select-bordered" required>
<option value="">Sélectionner un type</option>
<option value="">
Sélectionner un type
</option>
<option v-for="type in machineTypes" :key="type.id" :value="type.id">
{{ type.name }} ({{ type.category }})
</option>
@@ -62,12 +72,14 @@
type="text"
placeholder="Ex: PRESS-001"
class="input input-bordered"
/>
>
</div>
</div>
<div v-if="selectedMachineType" class="p-4 bg-gray-50 rounded-lg space-y-2 text-sm">
<h4 class="font-semibold text-sm">Structure du type sélectionné :</h4>
<h4 class="font-semibold text-sm">
Structure du type sélectionné :
</h4>
<div class="flex flex-wrap gap-3">
<span class="inline-flex items-center gap-2">
<span class="font-medium">Familles de composants :</span>
@@ -91,13 +103,15 @@
</div>
<div v-if="selectedMachineType?.componentRequirements?.length" class="space-y-4">
<h4 class="text-sm font-semibold">Sélection des composants</h4>
<h4 class="text-sm font-semibold">
Sélection des composants
</h4>
<div
v-for="requirement in selectedMachineType.componentRequirements"
:id="`component-group-${requirement.id}`"
:key="requirement.id"
class="border border-base-200 rounded-lg p-4 space-y-3"
:id="`component-group-${requirement.id}`"
>
<div class="flex flex-wrap items-start justify-between gap-3">
<div>
@@ -115,8 +129,8 @@
<button
type="button"
class="btn btn-sm btn-outline"
@click="addComponentSelectionEntry(requirement)"
:disabled="requirement.maxCount !== null && getComponentRequirementEntries(requirement.id).length >= requirement.maxCount"
@click="addComponentSelectionEntry(requirement)"
>
<IconLucidePlus class="w-4 h-4 mr-2" aria-hidden="true" />
Ajouter
@@ -148,7 +162,7 @@
class="radio radio-xs"
:checked="entry.mode === 'model'"
@change="setComponentSelectionMode(requirement.id, entryIndex, 'model')"
/>
>
Modèle existant
</label>
<label class="inline-flex items-center gap-1">
@@ -156,9 +170,9 @@
type="radio"
class="radio radio-xs"
:checked="entry.mode === 'manual'"
@change="setComponentSelectionMode(requirement.id, entryIndex, 'manual')"
:disabled="!requirement.allowNewModels"
/>
@change="setComponentSelectionMode(requirement.id, entryIndex, 'manual')"
>
Définir manuellement
</label>
</div>
@@ -173,7 +187,9 @@
:value="entry.componentModelId || ''"
@change="updateComponentSelectionEntry(requirement.id, entryIndex, { componentModelId: $event.target.value || '' })"
>
<option value="">Sélectionner un modèle</option>
<option value="">
Sélectionner un modèle
</option>
<option
v-for="model in getComponentModelsForType(requirement.typeComposantId)"
:key="model.id"
@@ -182,7 +198,9 @@
{{ model.name }}
</option>
</select>
<p v-if="loadingComponentModels" class="text-[10px] text-gray-500 mt-1">Chargement des modèles...</p>
<p v-if="loadingComponentModels" class="text-[10px] text-gray-500 mt-1">
Chargement des modèles...
</p>
<p
v-else-if="getComponentModelsForType(requirement.typeComposantId).length === 0"
class="text-[10px] text-gray-500 mt-1"
@@ -203,7 +221,7 @@
:value="entry.name"
placeholder="Nom du composant"
@input="updateComponentSelectionEntry(requirement.id, entryIndex, { name: $event.target.value })"
/>
>
</div>
<div class="form-control">
<label class="label">
@@ -214,7 +232,7 @@
class="input input-bordered input-sm"
placeholder="(Non géré pour l'instant)"
disabled
/>
>
</div>
</div>
@@ -231,13 +249,15 @@
</div>
</div>
<div v-if="selectedMachineType?.pieceRequirements?.length" class="space-y-4">
<h4 class="text-sm font-semibold">Sélection des pièces principales</h4>
<h4 class="text-sm font-semibold">
Sélection des pièces principales
</h4>
<div
v-for="requirement in selectedMachineType.pieceRequirements"
:id="`piece-group-${requirement.id}`"
:key="requirement.id"
class="border border-base-200 rounded-lg p-4 space-y-3"
:id="`piece-group-${requirement.id}`"
>
<div class="flex flex-wrap items-start justify-between gap-3">
<div>
@@ -255,8 +275,8 @@
<button
type="button"
class="btn btn-sm btn-outline"
@click="addPieceSelectionEntry(requirement)"
:disabled="requirement.maxCount !== null && getPieceRequirementEntries(requirement.id).length >= requirement.maxCount"
@click="addPieceSelectionEntry(requirement)"
>
<IconLucidePlus class="w-4 h-4 mr-2" aria-hidden="true" />
Ajouter
@@ -291,7 +311,9 @@
:value="entry.pieceModelId || ''"
@change="updatePieceSelectionEntry(requirement.id, entryIndex, { pieceModelId: $event.target.value || '' })"
>
<option value="">Sélectionner un modèle</option>
<option value="">
Sélectionner un modèle
</option>
<option
v-for="model in getPieceModelsForType(requirement.typePieceId)"
:key="model.id"
@@ -300,7 +322,9 @@
{{ model.name }}
</option>
</select>
<p v-if="loadingPieceModels" class="text-[10px] text-gray-500 mt-1">Chargement des modèles...</p>
<p v-if="loadingPieceModels" class="text-[10px] text-gray-500 mt-1">
Chargement des modèles...
</p>
<p
v-else-if="getPieceModelsForType(requirement.typePieceId).length === 0"
class="text-[10px] text-gray-500 mt-1"
@@ -363,7 +387,9 @@
</div>
<div v-if="machinePreview.base.issues.length" class="rounded-md bg-warning/10 border border-warning/30 p-3 text-xs text-warning">
<p class="font-medium mb-1">Informations générales incomplètes :</p>
<p class="font-medium mb-1">
Informations générales incomplètes :
</p>
<ul class="space-y-1">
<li v-for="issue in machinePreview.base.issues" :key="issue.message">
<button
@@ -379,7 +405,9 @@
</div>
<div v-if="machinePreview.componentGroups.length" class="space-y-3">
<h5 class="text-xs font-semibold uppercase tracking-wide text-gray-500">Composants hérités</h5>
<h5 class="text-xs font-semibold uppercase tracking-wide text-gray-500">
Composants hérités
</h5>
<div
v-for="group in machinePreview.componentGroups"
:key="group.id"
@@ -387,7 +415,9 @@
>
<div class="flex flex-wrap items-start justify-between gap-2">
<div>
<p class="text-sm font-semibold">{{ group.label }}</p>
<p class="text-sm font-semibold">
{{ group.label }}
</p>
<p class="text-xs text-gray-500">
Type : {{ group.typeName }} · Min {{ group.min }} ·
{{ group.max !== null ? `Max ${group.max}` : 'Max ∞' }}
@@ -400,7 +430,9 @@
<div v-if="group.issues.length" class="rounded bg-warning/10 border border-warning/30 p-2 text-[11px] text-warning">
<ul class="list-disc pl-4 space-y-1">
<li v-for="issue in group.issues" :key="issue.message">{{ issue.message }}</li>
<li v-for="issue in group.issues" :key="issue.message">
{{ issue.message }}
</li>
</ul>
</div>
@@ -420,7 +452,9 @@
<p class="text-sm font-medium" :class="entry.status === 'complete' ? 'text-gray-900' : 'text-gray-500'">
{{ entry.title }}
</p>
<p v-if="entry.subtitle" class="text-xs text-gray-500">{{ entry.subtitle }}</p>
<p v-if="entry.subtitle" class="text-xs text-gray-500">
{{ entry.subtitle }}
</p>
</div>
</li>
</ul>
@@ -432,7 +466,9 @@
</div>
<div v-if="machinePreview.pieceGroups.length" class="space-y-3">
<h5 class="text-xs font-semibold uppercase tracking-wide text-gray-500">Pièces associées</h5>
<h5 class="text-xs font-semibold uppercase tracking-wide text-gray-500">
Pièces associées
</h5>
<div
v-for="group in machinePreview.pieceGroups"
:key="group.id"
@@ -440,7 +476,9 @@
>
<div class="flex flex-wrap items-start justify-between gap-2">
<div>
<p class="text-sm font-semibold">{{ group.label }}</p>
<p class="text-sm font-semibold">
{{ group.label }}
</p>
<p class="text-xs text-gray-500">
Type : {{ group.typeName }} · Min {{ group.min }} ·
{{ group.max !== null ? `Max ${group.max}` : 'Max ∞' }}
@@ -453,7 +491,9 @@
<div v-if="group.issues.length" class="rounded bg-warning/10 border border-warning/30 p-2 text-[11px] text-warning">
<ul class="list-disc pl-4 space-y-1">
<li v-for="issue in group.issues" :key="issue.message">{{ issue.message }}</li>
<li v-for="issue in group.issues" :key="issue.message">
{{ issue.message }}
</li>
</ul>
</div>
@@ -473,7 +513,9 @@
<p class="text-sm font-medium" :class="entry.status === 'complete' ? 'text-gray-900' : 'text-gray-500'">
{{ entry.title }}
</p>
<p v-if="entry.subtitle" class="text-xs text-gray-500">{{ entry.subtitle }}</p>
<p v-if="entry.subtitle" class="text-xs text-gray-500">
{{ entry.subtitle }}
</p>
</div>
<span v-if="entry.mode === 'manual'" class="badge badge-ghost badge-xs">manuel</span>
</li>
@@ -492,7 +534,9 @@
<div class="flex items-start gap-2">
<IconLucideAlertTriangle class="w-4 h-4 mt-0.5" aria-hidden="true" />
<div class="space-y-1">
<p class="font-medium">Points à vérifier avant la création :</p>
<p class="font-medium">
Points à vérifier avant la création :
</p>
<ul class="space-y-1">
<li v-for="issue in machinePreview.issues" :key="`${issue.scope}-${issue.message}`">
<button
@@ -522,7 +566,9 @@
</div>
<div class="flex justify-end gap-3 pt-4 border-t border-base-200">
<NuxtLink to="/machines" class="btn btn-outline">Annuler</NuxtLink>
<NuxtLink to="/machines" class="btn btn-outline">
Annuler
</NuxtLink>
<button
type="submit"
class="btn btn-primary"
@@ -539,7 +585,9 @@
<div v-if="createComponentModelModal.open" class="modal modal-open">
<div class="modal-box max-w-md">
<h3 class="font-bold text-lg mb-1">Nouveau modèle de composant</h3>
<h3 class="font-bold text-lg mb-1">
Nouveau modèle de composant
</h3>
<p class="text-sm text-gray-500 mb-4">
{{ createComponentModelModal.requirement?.label || createComponentModelModal.requirement?.typeComposant?.name || 'Famille de composants' }}
</p>
@@ -556,7 +604,7 @@
class="input input-bordered input-sm"
placeholder="Ex: Sangle 20 m"
required
/>
>
</div>
<div class="form-control">
@@ -569,11 +617,13 @@
class="textarea textarea-bordered textarea-sm"
rows="3"
placeholder="Notes sur ce modèle"
></textarea>
/>
</div>
<div class="modal-action">
<button type="button" class="btn btn-outline" @click="closeCreateComponentModelModal">Annuler</button>
<button type="button" class="btn btn-outline" @click="closeCreateComponentModelModal">
Annuler
</button>
<button type="submit" class="btn btn-primary" :class="{ loading: createComponentModelModal.submitting }">
Créer
</button>
@@ -584,7 +634,9 @@
<div v-if="createPieceModelModal.open" class="modal modal-open">
<div class="modal-box max-w-md">
<h3 class="font-bold text-lg mb-1">Nouveau modèle de pièce</h3>
<h3 class="font-bold text-lg mb-1">
Nouveau modèle de pièce
</h3>
<p class="text-sm text-gray-500 mb-4">
{{ createPieceModelModal.requirement?.label || createPieceModelModal.requirement?.typePiece?.name || 'Groupe de pièces' }}
</p>
@@ -601,7 +653,7 @@
class="input input-bordered input-sm"
placeholder="Ex: Vis standard"
required
/>
>
</div>
<div class="form-control">
@@ -614,11 +666,13 @@
class="textarea textarea-bordered textarea-sm"
rows="3"
placeholder="Notes sur ce modèle"
></textarea>
/>
</div>
<div class="modal-action">
<button type="button" class="btn btn-outline" @click="closeCreatePieceModelModal">Annuler</button>
<button type="button" class="btn btn-outline" @click="closeCreatePieceModelModal">
Annuler
</button>
<button type="submit" class="btn btn-primary" :class="{ loading: createPieceModelModal.submitting }">
Créer
</button>
@@ -657,7 +711,7 @@ const newMachine = reactive({
name: '',
siteId: '',
typeMachineId: '',
reference: '',
reference: ''
})
const componentRequirementSelections = reactive({})
@@ -670,7 +724,7 @@ const createComponentModelModal = reactive({
entryIndex: null,
name: '',
description: '',
submitting: false,
submitting: false
})
const createPieceModelModal = reactive({
@@ -680,14 +734,14 @@ const createPieceModelModal = reactive({
entryIndex: null,
name: '',
description: '',
submitting: false,
submitting: false
})
const selectedMachineType = computed(() => {
if (!newMachine.typeMachineId) {
return null
}
return machineTypes.value.find((type) => type.id === newMachine.typeMachineId) || null
return machineTypes.value.find(type => type.id === newMachine.typeMachineId) || null
})
const getStatusBadgeClass = (status) => {
@@ -700,8 +754,8 @@ const getStatusBadgeClass = (status) => {
return 'badge-error'
}
const getComponentRequirementEntries = (requirementId) => componentRequirementSelections[requirementId] || []
const getPieceRequirementEntries = (requirementId) => pieceRequirementSelections[requirementId] || []
const getComponentRequirementEntries = requirementId => componentRequirementSelections[requirementId] || []
const getPieceRequirementEntries = requirementId => pieceRequirementSelections[requirementId] || []
const machinePreview = computed(() => {
const type = selectedMachineType.value
@@ -711,7 +765,7 @@ const machinePreview = computed(() => {
const trimmedName = (newMachine.name || '').trim()
const currentSite = newMachine.siteId
? sites.value.find((site) => site.id === newMachine.siteId) || null
? sites.value.find(site => site.id === newMachine.siteId) || null
: null
const trimmedReference = (newMachine.reference || '').trim()
@@ -720,26 +774,26 @@ const machinePreview = computed(() => {
key: 'name',
label: 'Nom',
display: trimmedName || 'À renseigner',
status: trimmedName ? 'complete' : 'missing',
status: trimmedName ? 'complete' : 'missing'
},
{
key: 'site',
label: 'Site',
display: currentSite?.name || 'Sélectionner un site',
status: currentSite ? 'complete' : 'missing',
status: currentSite ? 'complete' : 'missing'
},
{
key: 'type',
label: 'Type sélectionné',
display: type.name,
status: 'complete',
status: 'complete'
},
{
key: 'reference',
label: 'Référence',
display: trimmedReference || 'Non renseignée',
status: trimmedReference ? 'complete' : 'optional',
},
status: trimmedReference ? 'complete' : 'optional'
}
]
const baseIssues = []
@@ -749,20 +803,20 @@ const machinePreview = computed(() => {
if (!currentSite) {
baseIssues.push({ message: "Sélectionner un site d'affectation.", kind: 'error', anchor: 'machine-field-site' })
}
const baseStatus = baseIssues.some((issue) => issue.kind === 'error') ? 'error' : 'ready'
const baseStatus = baseIssues.some(issue => issue.kind === 'error') ? 'error' : 'ready'
const resolveComponentModel = (requirement, modelId) => {
if (!modelId) {
return null
}
return (getComponentModelsForType(requirement.typeComposantId) || []).find((model) => model.id === modelId) || null
return (getComponentModelsForType(requirement.typeComposantId) || []).find(model => model.id === modelId) || null
}
const resolvePieceModel = (requirement, modelId) => {
if (!modelId) {
return null
}
return (getPieceModelsForType(requirement.typePieceId) || []).find((model) => model.id === modelId) || null
return (getPieceModelsForType(requirement.typePieceId) || []).find(model => model.id === modelId) || null
}
const componentGroups = (type.componentRequirements || []).map((requirement) => {
@@ -776,7 +830,7 @@ const machinePreview = computed(() => {
mode: 'model',
status: model ? 'complete' : 'pending',
title: model ? model.name : 'Sélectionner un modèle',
subtitle: model?.description || null,
subtitle: model?.description || null
}
}
const manualName = (entry.name || '').trim()
@@ -785,13 +839,13 @@ const machinePreview = computed(() => {
mode: 'manual',
status: manualName ? 'complete' : 'pending',
title: manualName || 'Nom à renseigner',
subtitle: manualName ? null : null,
subtitle: manualName ? null : null
}
})
const min = requirement.minCount ?? (requirement.required ? 1 : 0)
const max = requirement.maxCount ?? null
const completed = normalizedEntries.filter((entry) => entry.status === 'complete').length
const completed = normalizedEntries.filter(entry => entry.status === 'complete').length
const issues = []
if (completed < min) {
@@ -802,15 +856,15 @@ const machinePreview = computed(() => {
issues.push({ message: `Maximum ${max} dépassé`, kind: 'error', anchor: `component-group-${requirement.id}` })
}
if (!requirement.allowNewModels && normalizedEntries.some((entry) => entry.mode === 'manual' && entry.status === 'complete')) {
if (!requirement.allowNewModels && normalizedEntries.some(entry => entry.mode === 'manual' && entry.status === 'complete')) {
issues.push({ message: "Ce groupe n'autorise que les modèles existants.", kind: 'error', anchor: `component-group-${requirement.id}` })
}
if (normalizedEntries.some((entry) => entry.status !== 'complete')) {
if (normalizedEntries.some(entry => entry.status !== 'complete')) {
issues.push({ message: 'Compléter les sélections restantes.', kind: 'warning', anchor: `component-group-${requirement.id}` })
}
const status = issues.some((issue) => issue.kind === 'error')
const status = issues.some(issue => issue.kind === 'error')
? 'error'
: issues.length > 0
? 'warning'
@@ -826,7 +880,7 @@ const machinePreview = computed(() => {
issues,
completed,
total: normalizedEntries.length,
status,
status
}
})
@@ -839,13 +893,13 @@ const machinePreview = computed(() => {
key: `${requirement.id}-${index}`,
status: model ? 'complete' : 'pending',
title: model ? model.name : 'Sélectionner un modèle',
subtitle: model?.description || null,
subtitle: model?.description || null
}
})
const min = requirement.minCount ?? (requirement.required ? 1 : 0)
const max = requirement.maxCount ?? null
const completed = normalizedEntries.filter((entry) => entry.status === 'complete').length
const completed = normalizedEntries.filter(entry => entry.status === 'complete').length
const issues = []
if (completed < min) {
@@ -856,11 +910,11 @@ const machinePreview = computed(() => {
issues.push({ message: `Maximum ${max} dépassé`, kind: 'error', anchor: `piece-group-${requirement.id}` })
}
if (normalizedEntries.some((entry) => entry.status !== 'complete')) {
if (normalizedEntries.some(entry => entry.status !== 'complete')) {
issues.push({ message: 'Compléter les sélections restantes.', kind: 'warning', anchor: `piece-group-${requirement.id}` })
}
const status = issues.some((issue) => issue.kind === 'error')
const status = issues.some(issue => issue.kind === 'error')
? 'error'
: issues.length > 0
? 'warning'
@@ -876,20 +930,20 @@ const machinePreview = computed(() => {
issues,
completed,
total: normalizedEntries.length,
status,
status
}
})
const aggregatedIssues = [
...baseIssues.map((issue) => ({ ...issue, scope: 'Informations générales' })),
...componentGroups.flatMap((group) => group.issues.map((issue) => ({ ...issue, scope: group.label }))),
...pieceGroups.flatMap((group) => group.issues.map((issue) => ({ ...issue, scope: group.label }))),
...baseIssues.map(issue => ({ ...issue, scope: 'Informations générales' })),
...componentGroups.flatMap(group => group.issues.map(issue => ({ ...issue, scope: group.label }))),
...pieceGroups.flatMap(group => group.issues.map(issue => ({ ...issue, scope: group.label })))
]
const statuses = [
baseStatus,
...componentGroups.map((group) => group.status),
...pieceGroups.map((group) => group.status),
...componentGroups.map(group => group.status),
...pieceGroups.map(group => group.status)
]
const overallStatus = statuses.includes('error')
@@ -902,7 +956,7 @@ const machinePreview = computed(() => {
base: {
fields: baseFields,
issues: baseIssues,
status: baseStatus,
status: baseStatus
},
componentGroups,
pieceGroups,
@@ -910,11 +964,11 @@ const machinePreview = computed(() => {
name: type.name,
category: type.category || null,
hasStructuredDefinition:
(type.componentRequirements?.length || 0) > 0 || (type.pieceRequirements?.length || 0) > 0,
(type.componentRequirements?.length || 0) > 0 || (type.pieceRequirements?.length || 0) > 0
},
status: overallStatus,
ready: overallStatus === 'ready',
issues: aggregatedIssues,
issues: aggregatedIssues
}
})
@@ -922,7 +976,7 @@ const blockingPreviewIssues = computed(() => {
if (!machinePreview.value) {
return []
}
return machinePreview.value.issues.filter((issue) => issue.kind === 'error')
return machinePreview.value.issues.filter(issue => issue.kind === 'error')
})
const canCreateMachine = computed(() => {
@@ -943,9 +997,9 @@ const scrollToAnchor = (anchor) => {
return
}
target.scrollIntoView({ behavior: 'smooth', block: 'center' })
highlightClasses.forEach((cls) => target.classList.add(cls))
highlightClasses.forEach(cls => target.classList.add(cls))
window.setTimeout(() => {
highlightClasses.forEach((cls) => target.classList.remove(cls))
highlightClasses.forEach(cls => target.classList.remove(cls))
}, 1500)
}
@@ -968,11 +1022,11 @@ const clearRequirementSelections = () => {
const createComponentSelectionEntry = () => ({
mode: 'model',
componentModelId: '',
name: '',
name: ''
})
const createPieceSelectionEntry = () => ({
pieceModelId: '',
pieceModelId: ''
})
const addComponentSelectionEntry = (requirement) => {
@@ -993,7 +1047,7 @@ const removeComponentSelectionEntry = (requirementId, index) => {
const setComponentSelectionMode = (requirementId, index, mode) => {
const entries = getComponentRequirementEntries(requirementId)
componentRequirementSelections[requirementId] = entries.map((entry, i) => {
if (i !== index) return entry
if (i !== index) { return entry }
if (mode === 'model') {
return { ...entry, mode: 'model', componentModelId: entry.componentModelId || '', name: '' }
}
@@ -1055,7 +1109,7 @@ const validateRequirementSelections = (type) => {
errors.push(`Le groupe "${requirement.label || requirement.typeComposant?.name || 'Composants'}" ne peut dépasser ${max} élément(s).`)
}
if (!requirement.allowNewModels && usableEntries.some((entry) => entry.mode === 'manual')) {
if (!requirement.allowNewModels && usableEntries.some(entry => entry.mode === 'manual')) {
errors.push(`Le groupe "${requirement.label || requirement.typeComposant?.name || 'Composants'}" n'autorise que les modèles existants.`)
}
@@ -1063,14 +1117,14 @@ const validateRequirementSelections = (type) => {
if (entry.mode === 'model') {
componentSelectionsPayload.push({
requirementId: requirement.id,
componentModelId: entry.componentModelId,
componentModelId: entry.componentModelId
})
} else {
componentSelectionsPayload.push({
requirementId: requirement.id,
definition: {
name: entry.name.trim(),
},
name: entry.name.trim()
}
})
}
})
@@ -1078,7 +1132,7 @@ const validateRequirementSelections = (type) => {
for (const requirement of type.pieceRequirements || []) {
const entries = getPieceRequirementEntries(requirement.id)
const usableEntries = entries.filter((entry) => !!entry.pieceModelId)
const usableEntries = entries.filter(entry => !!entry.pieceModelId)
const min = requirement.minCount ?? (requirement.required ? 1 : 0)
const max = requirement.maxCount ?? null
@@ -1094,7 +1148,7 @@ const validateRequirementSelections = (type) => {
usableEntries.forEach((entry) => {
pieceSelectionsPayload.push({
requirementId: requirement.id,
pieceModelId: entry.pieceModelId,
pieceModelId: entry.pieceModelId
})
})
}
@@ -1106,7 +1160,7 @@ const validateRequirementSelections = (type) => {
return {
valid: true,
componentSelections: componentSelectionsPayload,
pieceSelections: pieceSelectionsPayload,
pieceSelections: pieceSelectionsPayload
}
}
@@ -1139,17 +1193,17 @@ const submitCreateComponentModel = async () => {
name: createComponentModelModal.name.trim(),
description: createComponentModelModal.description.trim() || undefined,
typeComposantId: createComponentModelModal.requirement.typeComposantId,
structure: {},
structure: {}
}
const result = await createComponentModel(payload)
if (result.success) {
await loadComponentModels(createComponentModelModal.requirement.typeComposantId)
const entries = getComponentRequirementEntries(createComponentModelModal.requirement.id)
const targetIndex = entries.findIndex((entry) => entry.mode === 'model' && !entry.componentModelId)
const targetIndex = entries.findIndex(entry => entry.mode === 'model' && !entry.componentModelId)
if (targetIndex !== -1) {
updateComponentSelectionEntry(createComponentModelModal.requirement.id, targetIndex, {
mode: 'model',
componentModelId: result.data.id,
componentModelId: result.data.id
})
} else {
addComponentSelectionEntry(createComponentModelModal.requirement)
@@ -1158,8 +1212,8 @@ const submitCreateComponentModel = async () => {
getComponentRequirementEntries(createComponentModelModal.requirement.id).length - 1,
{
mode: 'model',
componentModelId: result.data.id,
},
componentModelId: result.data.id
}
)
}
toast.showSuccess(`Modèle "${result.data.name}" créé`)
@@ -1201,16 +1255,16 @@ const submitCreatePieceModel = async () => {
name: createPieceModelModal.name.trim(),
description: createPieceModelModal.description.trim() || undefined,
typePieceId: createPieceModelModal.requirement.typePieceId,
structure: {},
structure: {}
}
const result = await createPieceModel(payload)
if (result.success) {
await loadPieceModels(createPieceModelModal.requirement.typePieceId)
const entries = getPieceRequirementEntries(createPieceModelModal.requirement.id)
const targetIndex = entries.findIndex((entry) => !entry.pieceModelId)
const targetIndex = entries.findIndex(entry => !entry.pieceModelId)
if (targetIndex !== -1) {
updatePieceSelectionEntry(createPieceModelModal.requirement.id, targetIndex, {
pieceModelId: result.data.id,
pieceModelId: result.data.id
})
} else {
addPieceSelectionEntry(createPieceModelModal.requirement)
@@ -1218,8 +1272,8 @@ const submitCreatePieceModel = async () => {
createPieceModelModal.requirement.id,
getPieceRequirementEntries(createPieceModelModal.requirement.id).length - 1,
{
pieceModelId: result.data.id,
},
pieceModelId: result.data.id
}
)
}
toast.showSuccess(`Modèle "${result.data.name}" créé`)
@@ -1262,8 +1316,8 @@ const initializeRequirementSelections = async (type) => {
})
await Promise.all([
...Array.from(componentTypeIds).map((id) => loadComponentModels(id)),
...Array.from(pieceTypeIds).map((id) => loadPieceModels(id)),
...Array.from(componentTypeIds).map(id => loadComponentModels(id)),
...Array.from(pieceTypeIds).map(id => loadPieceModels(id))
])
}
@@ -1287,7 +1341,7 @@ const finalizeMachineCreation = async () => {
name: newMachine.name,
siteId: newMachine.siteId,
reference: newMachine.reference,
typeMachineId: type.id,
typeMachineId: type.id
}
const hasRequirements = (type.componentRequirements?.length || 0) > 0 || (type.pieceRequirements?.length || 0) > 0
@@ -1310,9 +1364,9 @@ const finalizeMachineCreation = async () => {
...(hasRequirements
? {
componentSelections,
pieceSelections,
pieceSelections
}
: {}),
: {})
}
const result = hasRequirements
@@ -1344,7 +1398,7 @@ watch(
return
}
const type = machineTypes.value.find((item) => item.id === typeId)
const type = machineTypes.value.find(item => item.id === typeId)
if (!type) {
return
}
@@ -1356,7 +1410,7 @@ watch(
onMounted(async () => {
await Promise.all([
loadSites(),
loadMachineTypes(),
loadMachineTypes()
])
})
</script>