From 955a936d2a6ca29414b840e730d23bf205656c97 Mon Sep 17 00:00:00 2001
From: scayac <christophe.scaya@gmail.com>
Date: Sun, 5 Oct 2025 21:45:47 +0200
Subject: [PATCH] =?UTF-8?q?Ajout=20saisie=20manuelle=20coureur=20avec=20au?=
 =?UTF-8?q?tocompl=C3=A9tion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 main/templates/scan.html | 53 ++++++++++++++++++++++++++++++++++++++--
 main/urls.py             |  1 +
 main/views.py            | 22 ++++++++++++++++-
 3 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/main/templates/scan.html b/main/templates/scan.html
index 285f97d..dfe3134 100644
--- a/main/templates/scan.html
+++ b/main/templates/scan.html
@@ -10,10 +10,18 @@
                 </div>
                 <div class="card-body">
                         <div id="reader" style="width:100%; max-width:400px; margin:auto;"></div>
+                        <div class="mt-4 position-relative" style="max-width:400px; margin:auto;">
+                            <label id="manualCoureurLabel">Saisie manuelle :</label>
+                            <div class="input-group align-items-center">
+                                <input type="text" id="manualCoureurInput" class="form-control" placeholder="Nom ou dossard..." autocomplete="off" aria-label="Saisir un coureur" aria-describedby="manualCoureurLabel">
+                                <!-- plus de bouton OK, déclenchement direct sur sélection -->
+                            </div>
+                            <div id="manualCoureurSuggestions" class="list-group position-absolute w-100" style="z-index:1000;"></div>
+                        </div>
                         <div id="scanResult" class="mt-3"></div>
-                    {% if error %}
+                        {% if error %}
                         <div class="alert alert-danger mt-3">{{ error }}</div>
-                    {% endif %}
+                        {% endif %}
                 </div>
             </div>
             <div class="card shadow mb-4">
@@ -56,6 +64,47 @@
 {% block extra_js %}
 <script src="{% static 'html5-qrcode/html5-qrcode.min.js' %}"></script>
 <script>
+
+document.addEventListener('DOMContentLoaded', function() {
+    let selectedCoureurId = null;
+    const input = document.getElementById('manualCoureurInput');
+    const suggestions = document.getElementById('manualCoureurSuggestions');
+    if (input) {
+        input.addEventListener('input', function() {
+            const val = this.value.trim();
+            selectedCoureurId = null;
+            suggestions.innerHTML = '';
+            if (val.length < 2) return;
+            fetch('/ajax/coureur_autocomplete/?q=' + encodeURIComponent(val))
+                .then(r => r.json())
+                .then(data => {
+                    suggestions.innerHTML = '';
+                    data.forEach(c => {
+                        const item = document.createElement('a');
+                        item.className = 'list-group-item list-group-item-action';
+                        item.textContent = c.label;
+                        item.style.cursor = 'pointer';
+                        item.onclick = function() {
+                            input.value = c.label;
+                            selectedCoureurId = c.id;
+                            suggestions.innerHTML = '';
+                            onScanSuccess(selectedCoureurId, "");
+                            setTimeout(() => { input.value = ''; }, 100);
+                        };
+                        suggestions.appendChild(item);
+                    });
+                });
+        });
+        // Cacher suggestions si clic ailleurs
+        document.addEventListener('click', function(e) {
+            if (!input.contains(e.target) && !suggestions.contains(e.target)) {
+                suggestions.innerHTML = '';
+            }
+        });
+    }
+    // plus de bouton OK, plus de gestion de clic
+});
+
 function beep() {
     const ctx = new(window.AudioContext || window.webkitAudioContext)();
     const oscillator = ctx.createOscillator();
diff --git a/main/urls.py b/main/urls.py
index 6dd1e5c..acdcc46 100644
--- a/main/urls.py
+++ b/main/urls.py
@@ -8,4 +8,5 @@ urlpatterns = [
     path('course/<int:course_id>/export_pdf/', views.export_pdf, name='export_pdf'),
     path('scan/', views.scan_view, name='scan'),
     path('dossards/', views.dossards_view, name='dossards'),
+    path('ajax/coureur_autocomplete/', views.coureur_autocomplete, name='coureur_autocomplete'),
 ]
diff --git a/main/views.py b/main/views.py
index 05e68d9..d96f536 100644
--- a/main/views.py
+++ b/main/views.py
@@ -1,3 +1,5 @@
+from django.http import JsonResponse
+from django.views.decorators.http import require_GET
 import csv
 import io
 from datetime import timedelta
@@ -15,12 +17,12 @@ from channels.layers import get_channel_layer
 from asgiref.sync import async_to_sync
 
 from .models import Course, Arrivee, Coureur
+from django.db import models
 from .forms import CourseForm, ScanForm, DossardForm
 
 import qrcode
 from PIL import Image
 
-
 def seconds_to_hms(delta: timedelta) -> str:
 	if delta is None:
 		return ''
@@ -30,6 +32,24 @@ def seconds_to_hms(delta: timedelta) -> str:
 	seconds = total % 60
 	return f"{hours}h{minutes:02d}m{seconds:02d}s"
 
+@login_required
+@require_GET
+def coureur_autocomplete(request):
+	q = request.GET.get('q', '').strip()
+	results = []
+	if len(q) >= 2:
+		# Recherche sur nom, prénom, classe, dossard (id)
+		qs = Coureur.objects.filter(
+			models.Q(nom__icontains=q) |
+			models.Q(prenom__icontains=q) |
+			models.Q(classe__icontains=q) |
+			models.Q(id__icontains=q)
+		).order_by('nom', 'prenom')[:10]
+		for c in qs:
+			label = f"{c.nom} {c.prenom} ({c.classe}) [dossard: {c.id}]"
+			results.append({'id': c.id, 'label': label})
+	return JsonResponse(results, safe=False)
+
 @login_required
 def main_view(request):
 	courses = Course.objects.filter(owner=request.user)