From 2e82e854bffefce1a3dd63ef222faf718d3b3e4b Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Mon, 23 Mar 2026 15:15:16 +0100
Subject: [PATCH] feat(machines) : multi-select site checkboxes, alphabetical
 sort, OR search param

- Replace site dropdown with inline checkboxes for multi-site filtering
- Sort machines alphabetically (localeCompare fr)
- Switch catalog search from ?name= to ?q= for OR search on name/reference

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/composables/useComposants.ts |  2 +-
 app/composables/usePieces.ts     |  2 +-
 app/composables/useProducts.ts   |  2 +-
 app/pages/machines/index.vue     | 37 +++++++++++++++++++++-----------
 4 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/app/composables/useComposants.ts b/app/composables/useComposants.ts
index c1010b6..5e3a519 100644
--- a/app/composables/useComposants.ts
+++ b/app/composables/useComposants.ts
@@ -135,7 +135,7 @@ export function useComposants() {
       params.set('page', String(page))
 
       if (search && search.trim()) {
-        params.set('name', search.trim())
+        params.set('q', search.trim())
       }
 
       if (typeName && typeName.trim()) {
diff --git a/app/composables/usePieces.ts b/app/composables/usePieces.ts
index b47368e..16bcf9c 100644
--- a/app/composables/usePieces.ts
+++ b/app/composables/usePieces.ts
@@ -147,7 +147,7 @@ export function usePieces() {
       params.set('page', String(page))
 
       if (search && search.trim()) {
-        params.set('name', search.trim())
+        params.set('q', search.trim())
       }
 
       if (typeName && typeName.trim()) {
diff --git a/app/composables/useProducts.ts b/app/composables/useProducts.ts
index 60c04e2..99f35a8 100644
--- a/app/composables/useProducts.ts
+++ b/app/composables/useProducts.ts
@@ -145,7 +145,7 @@ export function useProducts() {
       params.set('page', String(page))
 
       if (search && search.trim()) {
-        params.set('name', search.trim())
+        params.set('q', search.trim())
       }
 
       if (typeName && typeName.trim()) {
diff --git a/app/pages/machines/index.vue b/app/pages/machines/index.vue
index 9d03c57..0ca2eb8 100644
--- a/app/pages/machines/index.vue
+++ b/app/pages/machines/index.vue
@@ -16,16 +16,23 @@
           <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div class="form-control">
               <label class="label">
-                <span class="label-text">Site</span>
+                <span class="label-text">Sites</span>
               </label>
-              <select v-model="selectedSite" class="select select-bordered">
-                <option value="">
-                  Tous les sites
-                </option>
-                <option v-for="site in sites" :key="site.id" :value="site.id">
-                  {{ site.name }}
-                </option>
-              </select>
+              <div class="flex flex-wrap gap-3">
+                <label
+                  v-for="site in sites"
+                  :key="site.id"
+                  class="flex items-center gap-2 cursor-pointer"
+                >
+                  <input
+                    type="checkbox"
+                    class="checkbox checkbox-sm"
+                    :checked="selectedSites.has(site.id)"
+                    @change="selectedSites.has(site.id) ? selectedSites.delete(site.id) : selectedSites.add(site.id)"
+                  >
+                  <span class="text-sm">{{ site.name }}</span>
+                </label>
+              </div>
             </div>
             <div class="form-control">
               <label class="label">
@@ -113,7 +120,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, reactive, computed, onMounted } from 'vue'
 import { useMachines } from '~/composables/useMachines'
 import { useSites } from '~/composables/useSites'
 import { useToast } from '~/composables/useToast'
@@ -128,7 +135,7 @@ const { machines, loading, loadMachines, deleteMachine } = useMachines()
 const { sites, loadSites } = useSites()
 const toast = useToast()
 
-const selectedSite = ref('')
+const selectedSites = reactive(new Set())
 const searchQuery = ref('')
 
 // Enrichir les machines avec les objets site complets
@@ -145,8 +152,8 @@ const enrichedMachines = computed(() => {
 const filteredMachines = computed(() => {
   let filtered = enrichedMachines.value
 
-  if (selectedSite.value) {
-    filtered = filtered.filter(machine => machine.siteId === selectedSite.value)
+  if (selectedSites.size > 0) {
+    filtered = filtered.filter(machine => selectedSites.has(machine.siteId))
   }
 
   if (searchQuery.value.trim()) {
@@ -157,6 +164,10 @@ const filteredMachines = computed(() => {
     )
   }
 
+  filtered = [...filtered].sort((a, b) =>
+    (a.name || '').localeCompare(b.name || '', 'fr')
+  )
+
   return filtered
 })