Bug jquery dossards + ajout bouton accès direct scan

main/templates/course_detail.html

@@ -20,6 +20,7 @@
                             <button type="button" id="btnFinish" class="btn btn-danger">Fin course 
                                     <i class="fa-solid fa-stop"></i>
                             </button>
+                            <a href="{% url 'scan' %}?course_id={{ course.id }}" class="btn btn-info ml-2">Accès au scan <i class="fas fa-qrcode"></i></a>
                             <!-- Modal confirmation fin de course -->
                             <div class="modal fade" id="finishModal" tabindex="-1" role="dialog" aria-labelledby="finishModalLabel" aria-hidden="true">
                                 <div class="modal-dialog" role="document">

main/templates/dossards.html

@@ -91,14 +91,22 @@
     </div>
 </div>
 {% block extra_js %}
+<script src="{% static 'jquery/jquery-3.6.0.min.js' %}"></script>
 <script src="{% static 'jquery/jquery.dataTables.min.js' %}"></script>
 <script src="{% static 'bootstrap/dataTables.bootstrap4.min.js' %}"></script>
 <script src="{% static 'jquery/datatables.fr.js' %}"></script>
 <script>
 $(document).ready(function() {
-    var table = $('#coureursTable').DataTable({
-        pageLength: 50,
-    });
+    // Empêche la double initialisation de DataTables
+    var table;
+    if (!$.fn.DataTable.isDataTable('#coureursTable')) {
+        table = $('#coureursTable').DataTable({
+            pageLength: 50,
+        });
+    } else {
+        table = $('#coureursTable').DataTable();
+    }
+
     function updateMainDossardsCount() {
         var count = table.rows({search:'applied'}).count();
         $('#mainDossardsCountText').text('Générer ' + count + ' dossards');