From c63b543c74f61da48751874cdb5533181a275608 Mon Sep 17 00:00:00 2001 From: Matthieu Date: Wed, 17 Sep 2025 11:13:57 +0200 Subject: [PATCH] feat: improve site management and type forms --- app/components/TypeEditForm.vue | 182 ++-- app/pages/generator.vue | 1684 ++++--------------------------- app/pages/index.vue | 139 ++- app/pages/sites.vue | 281 +++++- 4 files changed, 667 insertions(+), 1619 deletions(-) diff --git a/app/components/TypeEditForm.vue b/app/components/TypeEditForm.vue index bd4ec93..6d8d7dd 100644 --- a/app/components/TypeEditForm.vue +++ b/app/components/TypeEditForm.vue @@ -112,18 +112,8 @@

Champs personnalisés du type

{{ formData.customFields.length }} - - +
+
+ +
+
+ +
@@ -263,18 +277,8 @@

Pièces principales

{{ formData.machinePieces.length }} - - +
-
-
- Champs personnalisés de cette pièce : - -
- +
+ Champs personnalisés de cette pièce : +
+
+ +
+
+ +
+
+ +
@@ -501,16 +529,6 @@

Composants

{{ formData.components.length }} -
@@ -610,21 +628,9 @@
-
-
- Champs personnalisés du composant : - -
- +
+ Champs personnalisés du composant : +
-
- - -
-
- Pièces du composant : +
- +
+ + +
+ Pièces du composant : +
+
+ +
+
+ +
+
+ +
diff --git a/app/pages/generator.vue b/app/pages/generator.vue index a193b33..e06d788 100644 --- a/app/pages/generator.vue +++ b/app/pages/generator.vue @@ -1,1555 +1,221 @@ +const handleSubmit = async () => { + if (!draftType.value.name?.trim()) { + showError('Le nom du type est requis.') + return + } + + const payload = buildPayload(draftType.value) + + creating.value = true + const result = await createMachineType(payload) + creating.value = false + + if (result?.success) { + resetForm() + } else if (result?.error) { + showError(result.error) + } else { + showError("Impossible de créer le type.") + } +} + diff --git a/app/pages/index.vue b/app/pages/index.vue index e0fb70d..8b303d0 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -117,7 +117,29 @@

{{ site.name }}

-

{{ site.description }}

+
+
+ + + + {{ site.contactName }} +
+
+ + + + {{ site.contactPhone }} +
+
+ + + + + {{ site.contactAddress }}
+ {{ site.contactPostalCode }} {{ site.contactCity }} + +
+
@@ -208,7 +230,7 @@

Ajouter un nouveau site

-
+
+
- +
+ +
+
+ + +
+ +
+ + +
+
+ +
+
+ + +
+ +
+ + +
+
+
-

{{ site.description }}

- -
-
+
+
+ + + + {{ site.contactName }} +
+ +
+ + + + {{ site.contactPhone }} +
+ +
+ + + + + {{ site.contactAddress }}
+ {{ site.contactPostalCode }} {{ site.contactCity }} + +
+ +
- {{ site.machines?.length || 0 }} machine(s) + {{ site.machines?.length || 0 }} machine(s)
@@ -84,8 +106,8 @@

Ajouter un nouveau site

- -
+ +
@@ -97,17 +119,74 @@ required />
- -
- - + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+ +
+ + +
+
@@ -121,6 +200,108 @@
+ + +
+
+

+ Modifier le site + {{ siteBeingEdited.name }} +

+
+
+ + +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+
+ + +
+ +
+ + +
+
+
+ +
+ + +
+
+
+
@@ -133,30 +314,82 @@ const { sites, loading, loadSites, createSite, updateSite, deleteSite } = useSit // Data const showAddSiteModal = ref(false) +const showEditSiteModal = ref(false) + +const siteBeingEdited = ref(null) const newSite = reactive({ name: '', - description: '' + contactName: '', + contactPhone: '', + contactAddress: '', + contactPostalCode: '', + contactCity: '' +}) + +const editSiteForm = reactive({ + name: '', + contactName: '', + contactPhone: '', + contactAddress: '', + contactPostalCode: '', + contactCity: '' }) // Methods const handleCreateSite = async () => { const result = await createSite({ name: newSite.name, - description: newSite.description + contactName: newSite.contactName, + contactPhone: newSite.contactPhone, + contactAddress: newSite.contactAddress, + contactPostalCode: newSite.contactPostalCode, + contactCity: newSite.contactCity }) if (result.success) { // Reset form newSite.name = '' - newSite.description = '' + newSite.contactName = '' + newSite.contactPhone = '' + newSite.contactAddress = '' + newSite.contactPostalCode = '' + newSite.contactCity = '' showAddSiteModal.value = false } } const editSite = (site) => { - // TODO: Ouvrir le modal d'édition - console.log('Modifier le site:', site) + siteBeingEdited.value = site + editSiteForm.name = site.name || '' + editSiteForm.contactName = site.contactName || '' + editSiteForm.contactPhone = site.contactPhone || '' + editSiteForm.contactAddress = site.contactAddress || '' + editSiteForm.contactPostalCode = site.contactPostalCode || '' + editSiteForm.contactCity = site.contactCity || '' + showEditSiteModal.value = true +} + +const handleUpdateSite = async () => { + if (!siteBeingEdited.value) return + + const result = await updateSite(siteBeingEdited.value.id, { + name: editSiteForm.name, + contactName: editSiteForm.contactName, + contactPhone: editSiteForm.contactPhone, + contactAddress: editSiteForm.contactAddress, + contactPostalCode: editSiteForm.contactPostalCode, + contactCity: editSiteForm.contactCity + }) + + if (result.success) { + closeEditModal() + } +} + +const closeEditModal = () => { + showEditSiteModal.value = false + siteBeingEdited.value = null } const confirmDeleteSite = async (site) => { @@ -188,4 +421,4 @@ onMounted(async () => { await navigateTo('/sites', { replace: true }) } }) - \ No newline at end of file +