Fix #5 Fix #6 Fix #7
All checks were successful
Build and Push Docker Images / Build Backend Image (push) Successful in 14m9s
Build and Push Docker Images / Build Frontend Image (push) Successful in 7m36s

1. Tri aléatoire 
Ajout d'un sélecteur de tri dans l'en-tête avec options "Récents" et "Aléatoire"
Backend : nouveau paramètre sort_by="random" qui utilise func.random() de PostgreSQL
Les résultats seront maintenant mélangés aléatoirement, permettant de découvrir tous les titres de la bibliothèque
2. Correction du bug de recherche textuelle 
La recherche charge maintenant jusqu'à 10 000 résultats au lieu de 25 quand une requête est active
La recherche filtre ensuite sur TOUS les résultats chargés, pas seulement la page active
Cela permet de rechercher dans toute la bibliothèque de résultats filtrés
3. Filtres exclusifs pour instruments 
Nouvelle option "Uniquement ces instruments (mode exclusif)" qui apparaît quand des instruments sont sélectionnés
Backend : nouveau paramètre instruments_exclusive qui vérifie que le track a EXACTEMENT les instruments sélectionnés (pas d'autres)
Frontend : checkbox dans un bandeau orange/ambre pour activer le mode exclusif
Les modifications touchent :
Backend : crud.py et tracks.py
Frontend : types.ts, FilterPanel.tsx et page.tsx
This commit is contained in:
2026-01-27 22:43:32 +01:00
parent 6e1adf7422
commit ed010fa60f
5 changed files with 67 additions and 12 deletions

View File

@@ -127,6 +127,19 @@ export default function FilterPanel({
})
)}
</div>
{/* Exclusive filter toggle */}
{localFilters.instruments && localFilters.instruments.length > 0 && (
<label className="flex items-center gap-2 mt-2 p-2 bg-amber-50 border border-amber-200 rounded-lg cursor-pointer hover:bg-amber-100 transition-colors">
<input
type="checkbox"
checked={localFilters.instruments_exclusive || false}
onChange={(e) => handleFilterChange("instruments_exclusive", e.target.checked || undefined)}
className="w-4 h-4 text-amber-600 border-amber-300 rounded focus:ring-2 focus:ring-amber-500 focus:ring-offset-0"
/>
<span className="text-xs font-medium text-amber-800">Uniquement ces instruments (mode exclusif)</span>
</label>
)}
</div>
{/* Key Filter */}