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

feat: improve site management and type forms

Browse Source
This commit is contained in:
Matthieu
2025-09-17 11:13:57 +02:00
parent dd0ef12b46
commit c63b543c74
4 changed files with 667 additions and 1619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
app/pages/index.vue
View File

@@ -117,7 +117,29 @@
</div>
<div>
<h3 class="text-xl font-bold">{{ site.name }}</h3>
<p v-if="site.description" class="text-sm text-gray-600">{{ site.description }}</p>
<div class="text-sm text-gray-600 space-y-1">
<div class="flex items-center gap-2">
<svg class="w-4 h-4 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.121 17.804A13.937 13.937 0 0112 15c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span class="font-medium">{{ site.contactName }}</span>
</div>
<div class="flex items-center gap-2">
<svg class="w-4 h-4 text-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3l2 3h6l2-3h3a2 2 0 012 2v13a2 2 0 01-2 2H5a2 2 0 01-2-2V5z" />
</svg>
<span>{{ site.contactPhone }}</span>
</div>
<div class="flex items-start gap-2">
<svg class="w-4 h-4 text-accent mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 11c1.38 0 2.5-1.12 2.5-2.5S13.38 6 12 6s-2.5 1.12-2.5 2.5S10.62 11 12 11zm0 0c-2.21 0-4 1.343-4 3v1.5h8V14c0-1.657-1.79-3-4-3z" />
</svg>
<span>
{{ site.contactAddress }}<br />
{{ site.contactPostalCode }} {{ site.contactCity }}
</span>
</div>
</div>
</div>
</div>
<div class="flex items-center gap-2">
@@ -208,7 +230,7 @@
<div v-if="showAddSiteModal" class="modal modal-open">
<div class="modal-box">
<h3 class="font-bold text-lg mb-4">Ajouter un nouveau site</h3>
<form @submit.prevent="handleCreateSite">
<form @submit.prevent="handleCreateSite" class="space-y-4">
<div class="form-control">
<label class="label">
<span class="label-text">Nom du site</span>
@@ -221,16 +243,76 @@
required
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Description</span>
<span class="label-text">Nom du contact</span>
</label>
<textarea
v-model="newSite.description"
placeholder="Description du site..."
class="textarea textarea-bordered h-20"
></textarea>
<input
v-model="newSite.contactName"
type="text"
placeholder="Nom et prénom"
class="input input-bordered"
required
/>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="form-control">
<label class="label">
<span class="label-text">Téléphone</span>
</label>
<input
v-model="newSite.contactPhone"
type="tel"
placeholder="Ex: 06 00 00 00 00"
class="input input-bordered"
required
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Adresse</span>
</label>
<input
v-model="newSite.contactAddress"
type="text"
placeholder="Adresse complète"
class="input input-bordered"
required
/>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="form-control">
<label class="label">
<span class="label-text">Code postal</span>
</label>
<input
v-model="newSite.contactPostalCode"
type="text"
placeholder="Code postal"
class="input input-bordered"
required
/>
</div>
<div class="form-control">
<label class="label">
<span class="label-text">Ville</span>
</label>
<input
v-model="newSite.contactCity"
type="text"
placeholder="Ville"
class="input input-bordered"
required
/>
</div>
</div>
<div class="modal-action">
<button type="button" @click="showAddSiteModal = false" class="btn btn-outline">
Annuler
@@ -367,7 +449,11 @@ const collapsedSites = ref([])
const newSite = reactive({
name: '',
description: ''
contactName: '',
contactPhone: '',
contactAddress: '',
contactPostalCode: '',
contactCity: ''
})
const newMachine = reactive({
@@ -404,12 +490,22 @@ const filteredSites = computed(() => {
// Filtrer par terme de recherche
if (searchTerm.value) {
filtered = filtered.filter(site => {
const siteMatches = site.name.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
site.description?.toLowerCase().includes(searchTerm.value.toLowerCase())
const lowerTerm = searchTerm.value.toLowerCase()
const siteMatches = [
site.name,
site.contactName,
site.contactPhone,
site.contactAddress,
site.contactPostalCode,
site.contactCity
].some(field => {
if (!field) return false
return field.toLowerCase().includes(lowerTerm)
})
const machineMatches = site.machines?.some(machine =>
machine.name.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
machine.reference?.toLowerCase().includes(searchTerm.value.toLowerCase())
machine.name.toLowerCase().includes(lowerTerm) ||
machine.reference?.toLowerCase().includes(lowerTerm)
)
return siteMatches || machineMatches
@@ -437,13 +533,24 @@ const filteredSites = computed(() => {
// Methods
const handleCreateSite = async () => {
const result = await createSite(newSite)
const result = await createSite({
name: newSite.name,
contactName: newSite.contactName,
contactPhone: newSite.contactPhone,
contactAddress: newSite.contactAddress,
contactPostalCode: newSite.contactPostalCode,
contactCity: newSite.contactCity
})
if (result.success) {
showAddSiteModal.value = false
// Reset form
newSite.name = ''
newSite.description = ''
newSite.contactName = ''
newSite.contactPhone = ''
newSite.contactAddress = ''
newSite.contactPostalCode = ''
newSite.contactCity = ''
}
}
@@ -532,4 +639,4 @@ onMounted(async () => {
loadMachineTypes()
])
})
</script>
</script>