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

feat(machine) : allow site editing on machine detail page and align card buttons

Browse Source 
- Add site select field in MachineInfoCard (edit mode)
- Include siteId in machine PATCH payload
- Align action buttons (Modifier/Supprimer/Détails) consistently at card bottom
- Use mt-auto + flex-col to push buttons to bottom across all machine cards

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matthieu
2026-03-09 15:09:14 +01:00
parent 3ad326348b
commit 7e67b124f3
6 changed files with 58 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/pages/index.vue
View File

@@ -26,8 +26,8 @@
<!-- Filters -->
<div class="card bg-base-100 shadow-sm mb-8">
<div class="card-body py-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="form-control">
<div class="flex flex-col md:flex-row md:items-end gap-4">
<div class="form-control flex-1">
<label class="label">
<span class="label-text text-xs font-semibold uppercase tracking-wide text-base-content/50">Rechercher</span>
</label>
@@ -41,11 +41,11 @@
>
</div>
</div>
<div class="form-control">
<div class="form-control md:w-64">
<label class="label">
<span class="label-text text-xs font-semibold uppercase tracking-wide text-base-content/50">Site</span>
</label>
<select v-model="selectedSiteFilter" class="select select-bordered">
<select v-model="selectedSiteFilter" class="select select-bordered w-full">
<option value="">
Tous les sites
</option>
@@ -163,7 +163,7 @@
<div
v-for="machine in site.machines"
:key="machine.id"
class="group rounded-xl border border-base-300/40 bg-base-200/30 hover:bg-base-200/60 hover:border-primary/20 transition-all cursor-pointer p-4"
class="group flex flex-col rounded-xl border border-base-300/40 bg-base-200/30 hover:bg-base-200/60 hover:border-primary/20 transition-all cursor-pointer p-4"
@click="viewMachineDetails(machine)"
>
<div class="flex items-center justify-between mb-2">
@@ -172,29 +172,29 @@
</h4>
</div>
<div v-if="machine.reference" class="flex items-center gap-1.5 text-xs text-base-content/40 mb-3">
<div v-if="machine.reference" class="flex items-center gap-1.5 text-xs text-base-content/40">
<IconLucideTag class="w-3 h-3" aria-hidden="true" />
<span>{{ machine.reference }}</span>
</div>
<div class="flex items-center gap-1.5 justify-end">
<div class="mt-auto pt-3 flex items-center justify-end gap-2">
<button
v-if="canEdit"
class="btn btn-xs btn-ghost text-base-content/40 hover:text-base-content opacity-0 group-hover:opacity-100 transition-opacity"
class="btn btn-ghost btn-xs"
@click.stop="editMachine(machine)"
>
Modifier
</button>
<button
v-if="canEdit"
class="btn btn-xs btn-ghost text-error/50 hover:text-error opacity-0 group-hover:opacity-100 transition-opacity"
class="btn btn-ghost btn-xs text-error"
@click.stop="confirmDeleteMachine(machine)"
>
Supprimer
</button>
<NuxtLink
:to="`/machine/${machine.id}`"
class="btn btn-xs btn-primary btn-outline opacity-0 group-hover:opacity-100 transition-opacity"
class="btn btn-primary btn-xs"
@click.stop
>
Détails