diff --git a/templates/adsb_dashboard.html b/templates/adsb_dashboard.html
index 6408523..8b96f94 100644
--- a/templates/adsb_dashboard.html
+++ b/templates/adsb_dashboard.html
@@ -2896,15 +2896,16 @@ sudo make install
const callsign = ac.callsign || icao;
const alt = ac.altitude ? ac.altitude + ' ft' : 'N/A';
const iconType = getAircraftIconType(ac.type_code, militaryInfo.military);
+ const isSelected = icao === selectedIcao;
const prevState = markerState[icao] || {};
- const iconChanged = prevState.rotation !== rotation || prevState.color !== color || prevState.iconType !== iconType;
+ const iconChanged = prevState.rotation !== rotation || prevState.color !== color || prevState.iconType !== iconType || prevState.isSelected !== isSelected;
const tooltipChanged = prevState.callsign !== callsign || prevState.alt !== alt;
if (markers[icao]) {
markers[icao].setLatLng([ac.lat, ac.lon]);
if (iconChanged) {
- markers[icao].setIcon(createMarkerIcon(rotation, color, iconType));
+ markers[icao].setIcon(createMarkerIcon(rotation, color, iconType, isSelected));
}
if (tooltipChanged) {
markers[icao].unbindTooltip();
@@ -2913,7 +2914,7 @@ sudo make install
});
}
} else {
- markers[icao] = L.marker([ac.lat, ac.lon], { icon: createMarkerIcon(rotation, color, iconType) })
+ markers[icao] = L.marker([ac.lat, ac.lon], { icon: createMarkerIcon(rotation, color, iconType, isSelected) })
.addTo(radarMap)
.on('click', () => selectAircraft(icao));
markers[icao].bindTooltip(`${callsign}
${alt}`, {
@@ -2921,7 +2922,7 @@ sudo make install
});
}
- markerState[icao] = { rotation, color, callsign, alt, iconType };
+ markerState[icao] = { rotation, color, callsign, alt, iconType, isSelected };
}
// Aircraft type icon SVG paths
@@ -2964,12 +2965,14 @@ sudo make install
return 'jet';
}
- function createMarkerIcon(rotation, color, iconType = 'jet') {
+ function createMarkerIcon(rotation, color, iconType = 'jet', isSelected = false) {
const path = AIRCRAFT_ICONS[iconType] || AIRCRAFT_ICONS.jet;
const size = iconType === 'helicopter' ? 22 : 24;
+ const glowColor = isSelected ? 'rgba(255,255,255,0.9)' : color;
+ const glowSize = isSelected ? '10px' : '5px';
return L.divIcon({
- className: `aircraft-marker aircraft-${iconType}`,
- html: `