From b771aea541ffd10528e0f93f88468c57d8016158 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Sat, 12 Jul 2025 13:49:40 +0200
Subject: [PATCH] =?UTF-8?q?liens=20de=20compl=C3=A9tion=20de=20rue=20overp?=
 =?UTF-8?q?ass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/admin/street_completion.html.twig | 28 +++++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/templates/admin/street_completion.html.twig b/templates/admin/street_completion.html.twig
index 509d57c..bf68eba 100644
--- a/templates/admin/street_completion.html.twig
+++ b/templates/admin/street_completion.html.twig
@@ -30,13 +30,14 @@
             {% endfor %}
         </tbody>
     </table>
-</div>
 
 <div id="missing-streets-block" class="mt-5">
     <h2>Rues sans lieu associé (données OSM)</h2>
     <div id="missing-streets-loading">Chargement des rues OSM…</div>
     <ul id="missing-streets-list" class="list-group"></ul>
 </div>
+</div>
+
 
 <script>
 function buildOverpassAroundUrl(street, bbox) {
@@ -94,31 +95,32 @@ out tags;
         })
         .then(r => r.json())
         .then(data => {
-            const allStreets = new Set();
+            const allStreets = new Map();
             (data.elements || []).forEach(el => {
                 if (el.tags && el.tags.name) {
-                    allStreets.add(el.tags.name);
+                    allStreets.set(el.tags.name, el.id);
                 }
             });
             // Filtrer les rues qui n'ont pas de lieu associé
-            const missing = Array.from(allStreets).filter(nom => !ruesConnues.has(nom));
+            const missing = Array.from(allStreets.entries()).filter(([nom]) => !ruesConnues.has(nom));
             const ul = document.getElementById('missing-streets-list');
             ul.innerHTML = '';
             if (missing.length === 0) {
                 ul.innerHTML = '<li class="list-group-item text-success">Toutes les rues OSM ont au moins un lieu associé.</li>';
             } else {
-                missing.sort((a, b) => a.localeCompare(b, 'fr'));
-                missing.forEach(nom => {
+                missing.sort((a, b) => a[0].localeCompare(b[0], 'fr'));
+                missing.forEach(([nom, wayId]) => {
                     const li = document.createElement('li');
                     li.className = 'list-group-item d-flex justify-content-between align-items-center';
                     li.setAttribute('data-street-name', nom);
+                    li.setAttribute('data-way-id', wayId);
                     li.textContent = nom;
                     const buttons = document.createElement('span');
                     buttons.innerHTML = `
-                        <a href="#" class="btn btn-outline-secondary btn-sm osm-link" title="Voir la rue sur OpenStreetMap" target="_blank" data-street="${nom}">
+                        <a href="https://www.openstreetmap.org/way/${wayId}" class="btn btn-outline-secondary btn-sm osm-link" title="Voir la rue sur OpenStreetMap" target="_blank" data-way-id="${wayId}">
                             <i class="bi bi-globe"></i>
                         </a>
-                        <a href="#" class="btn btn-outline-primary btn-sm overpass-link ms-1" title="Lieux possibles sur Overpass" target="_blank" data-street="${nom}">
+                        <a href="#" class="btn btn-outline-primary btn-sm overpass-link ms-1" title="Lieux possibles sur Overpass" target="_blank" data-way-id="${wayId}">
                             <i class="bi bi-ev-station"></i>
                         </a>
                     `;
@@ -127,6 +129,16 @@ out tags;
                 });
             }
             document.getElementById('missing-streets-loading').style.display = 'none';
+            // Ajout des listeners pour les nouveaux boutons
+            document.querySelectorAll('.overpass-link').forEach(function(a) {
+                a.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    const wayId = this.getAttribute('data-way-id');
+                    const overpassQ = `[out:json][timeout:25];\nway(${wayId});\nnw(around.way:10)[shop];\nnw(around.way:10)[amenity];\nout body;\n>;
+    out skel qt;`;
+                    window.open(`https://overpass-turbo.eu/?Q=${encodeURIComponent(overpassQ)}`, '_blank');
+                });
+            });
         })
         .catch(e => {
             document.getElementById('missing-streets-loading').textContent = 'Erreur lors de la récupération des rues OSM.';