diff --git a/apps/ops/src/pages/PlanificationPage.vue b/apps/ops/src/pages/PlanificationPage.vue index b169b45..4d0c983 100644 --- a/apps/ops/src/pages/PlanificationPage.vue +++ b/apps/ops/src/pages/PlanificationPage.vue @@ -1442,6 +1442,10 @@
{{ jobDetail.time }}
{{ jobDetail.skill }}
{{ jobDetail.address }}
+
@@ -3024,6 +3028,10 @@ function toggleSat () { satView.value = !satView.value; try { localStorage.setIt // Clic DROIT sur une carte → Google Street View à la position cliquée (nouvel onglet). Branché sur les 3 cartes. function openStreetView (lng, lat) { window.open(`https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${lat},${lng}`, '_blank', 'noopener') } +// Liens géo externes du volet détail job (évaluer la difficulté avant d'y aller) : Street View (sol) + Google Maps (satellite). +const jdHasCoords = computed(() => { const la = +jobDetail.lat, lo = +jobDetail.lon; return isFinite(la) && isFinite(lo) && (la !== 0 || lo !== 0) }) +const jdMapsUrl = computed(() => `https://www.google.com/maps/search/?api=1&query=${jobDetail.lat},${jobDetail.lon}`) +const jdStreetViewUrl = computed(() => `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${jobDetail.lat},${jobDetail.lon}`) // ── SÉLECTEUR D'EMPLACEMENT (jobs « hors carte ») : carte Mapbox bornée au sud de Montréal (Valleyfield ↔ Lacolle ↔ // frontière US). Clic / glisser le repère OU recherche d'adresse RQA → coords + adresse, écrits sur le Dispatch Job. ── @@ -6242,6 +6250,9 @@ tr.res-hidden .hide-eye { opacity: 1; } .jd-body { flex: 1 1 auto; overflow: auto; } .jd-meta { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #455; } .jd-meta > div { display: flex; align-items: center; gap: 6px; } +.jd-geolinks { padding-left: 22px; gap: 14px !important; } +.jd-geolink { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: #2563eb; text-decoration: none; font-weight: 500; } +.jd-geolink:hover { text-decoration: underline; } .jd-detail { margin-top: 10px; padding: 8px 10px; background: #f6f8fb; border-radius: 6px; white-space: pre-wrap; font-size: 12.5px; color: #333; } .jd-team { margin-top: 12px; padding: 10px; border: 1px solid #e6e2f2; background: #faf9fe; border-radius: 8px; } /* Suivi terrain (géofencing) : étapes horizontales façon suivi de colis. */