Aucun client proche exploitable.
${currentPosition
? `Aucun client n’a été trouvé dans un rayon de ${formatDistance(PROXIMITY_RADIUS_METERS)} autour de votre position actuelle.`
: `Les clients apparaîtront ici dès qu’une position avec une précision de ${formatDistance(REQUIRED_GPS_ACCURACY_METERS)} ou mieux sera disponible.`}
`;
return;
}
listBox.innerHTML = visibleClients.map((client) => renderClientCard(client)).join('');
listBox.querySelectorAll('.js-proximity-map').forEach((button) => {
button.addEventListener('click', () => {
openExternalMap(
button.getAttribute('data-lat'),
button.getAttribute('data-lng'),
button.getAttribute('data-label') || 'Client FTTH'
);
});
});
listBox.querySelectorAll('.js-proximity-route').forEach((button) => {
button.addEventListener('click', () => {
const clientId = Number(button.getAttribute('data-id') || 0);
const lat = button.getAttribute('data-lat');
const lng = button.getAttribute('data-lng');
const label = button.getAttribute('data-label') || 'Client FTTH';
launchDirections(lat, lng, label);
pushLocalNotification({
id: `nearby-route-${clientId}-${Date.now()}`,
title: 'Itinéraire démarré',
body: `Navigation lancée vers ${label}.`,
route: '/nearby',
icon: 'fa-route',
tone: clientId ? 'info' : 'neutral',
}, { playSound: true });
});
});
}
root.querySelector('#btnRefreshNearby').addEventListener('click', load);
await load();
}
function renderClientCard(client) {
const isMaintenance = Number(client.has_active_maintenance || 0) === 1;
const canOpenAssignedMaintenance = isMaintenance && Number(client.assigned_to_me || 0) === 1;
const distanceLabel = client.distanceMeters !== null
? `${formatDistance(client.distanceMeters)}${client.isNearby ? ' • à proximité' : ''}`
: 'Distance indisponible';
const maintenanceLabel = isMaintenance
? '
${escHtml(client.client_address || client.site_name || 'Adresse non renseignée')}
${escHtml(distanceLabel)}
${escHtml(client.report_status || 'rapport')}
${Number(client.assigned_to_me || 0) === 1 ? 'Assigné à moi' : ''}
${client.nature_intervention ? `${escHtml(client.nature_intervention)}
` : ''}
${client.last_reported_at ? `Dernier traitement: ${escHtml(formatDateTime(client.last_reported_at))}
` : ''}
`;
}
function getCurrentPosition() {
return new Promise((resolve, reject) => {
if (!navigator.geolocation) {
reject(new Error('geolocation_unavailable'));
return;
}
navigator.geolocation.getCurrentPosition((position) => {
const accuracy = Number(position.coords.accuracy || 0);
if (!Number.isFinite(accuracy) || accuracy <= 0 || accuracy > REQUIRED_GPS_ACCURACY_METERS) {
reject(new Error('geolocation_accuracy_insufficient'));
return;
}
resolve({
lat: Number(position.coords.latitude),
lng: Number(position.coords.longitude),
accuracy,
});
}, reject, {
enableHighAccuracy: true,
maximumAge: 0,
timeout: 20000,
});
});
}
function sortClientsByDistance(clients, currentPosition) {
return [...clients].map((client) => {
const clientLat = normalizeCoordinate(client.client_lat);
const clientLng = normalizeCoordinate(client.client_lng);
const hasClientCoords = hasValidCoordinates(clientLat, clientLng);
const distanceMeters = currentPosition
? (hasClientCoords ? calculateDistanceMeters(currentPosition.lat, currentPosition.lng, clientLat, clientLng) : null)
: null;
return {
...client,
client_lat: hasClientCoords ? clientLat : null,
client_lng: hasClientCoords ? clientLng : null,
distanceMeters,
isNearby: !currentPosition || (distanceMeters !== null && distanceMeters <= PROXIMITY_RADIUS_METERS),
};
}).filter((client) => hasValidCoordinates(client.client_lat, client.client_lng)).sort((left, right) => {
if (Number(left.has_active_maintenance || 0) !== Number(right.has_active_maintenance || 0)) {
return Number(right.has_active_maintenance || 0) - Number(left.has_active_maintenance || 0);
}
if (left.distanceMeters === null && right.distanceMeters === null) return 0;
if (left.distanceMeters === null) return 1;
if (right.distanceMeters === null) return -1;
return left.distanceMeters - right.distanceMeters;
});
}
function calculateDistanceMeters(startLat, startLng, endLat, endLng) {
const earthRadius = 6371000;
const toRadians = (value) => (value * Math.PI) / 180;
const deltaLat = toRadians(endLat - startLat);
const deltaLng = toRadians(endLng - startLng);
const a = Math.sin(deltaLat / 2) ** 2
+ Math.cos(toRadians(startLat)) * Math.cos(toRadians(endLat)) * Math.sin(deltaLng / 2) ** 2;
return earthRadius * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
}
function formatDistance(value) {
const distance = Number(value || 0);
if (!Number.isFinite(distance) || distance <= 0) {
return '0 m';
}
if (distance < 1000) {
return `${Math.round(distance)} m`;
}
return `${(distance / 1000).toFixed(distance < 10000 ? 1 : 0)} km`;
}
function formatDateTime(value) {
const date = new Date(String(value || '').replace(' ', 'T'));
return Number.isNaN(date.getTime()) ? String(value || '—') : date.toLocaleString('fr-FR');
}
function escHtml(value) {
return String(value ?? '')
.replaceAll('&', '&')
.replaceAll('<', '<')
.replaceAll('>', '>')
.replaceAll('"', '"')
.replaceAll("'", ''');
}
function escAttr(value) {
return escHtml(value);
}