Sam drone icon

DroneTrackingPanel.qml

@@ -150,7 +150,7 @@ Rectangle {
             }
 
 
-            // Drone list view
+            // Drone list view-----------------
             ListView {
                 id: droneListView
                 Layout.fillWidth: true
@@ -256,12 +256,15 @@ Rectangle {
 
                         Image {
                             id: statusIcon
-                            source: { 
-                                    modelData.altitude > 0.05 ? "qrc:/resources/droneStatusSVG.svg" : "qrc:/resources/grounded.png"
-                            }
+                            source: mainPanel.isIndexSelected(index) ? "qrc:/resources/droneMapIconSelected.svg"
+                                                                     : (modelData.altitude > 0.05 ? "qrc:/resources/droneStatusSVG.svg" : "qrc:/resources/grounded.png")
                             sourceSize.width:  GcsStyle.PanelStyle.statusIconSize
                             sourceSize.height: GcsStyle.PanelStyle.statusIconSize
                             Layout.alignment: Qt.AlignVCenter
+                            opacity: mainPanel.isIndexSelected(index) ? 1.0 : 0.6
+                            Behavior on opacity {
+                                NumberAnimation { duration: 150 }
+                            }
                         }
 
                         ColumnLayout {

QmlMap.qml

@@ -146,7 +146,8 @@ Item {
 
                     Image {
                         id: markerImage
-                        source: "qrc:/resources/droneMapIconSVG.svg"
+                        readonly property bool isCurrentDroneSelected: droneIsSelected(modelData)
+                        source: isCurrentDroneSelected ? "qrc:/resources/droneMapIconSelected.svg" : "qrc:/resources/droneMapIconSVG.svg"
                         width: 100 // controlling w or h affects the whole image due to preserving the aspect fit
                         fillMode: Image.PreserveAspectFit
                     }
@@ -306,6 +307,16 @@ Item {
         }
     }
 
+        function droneIsSelected(modelData) { 
+        for (let drone of selectedDrones) { 
+            if (drone.latitude === modelData.latitude) {
+                return true
+            }
+        }
+        return false
+    }
+
+
     onActiveDroneChanged: {
         if (activeDrone === null) {
             turnOffFollowDrone()

QtMap.qrc

@@ -34,6 +34,7 @@
         <file>fireSVG.svg</file>
         <file>fireSVGDarkMode.svg</file>
         <file>droneMapIconSVG.svg</file>
+        <file>droneMapIconSelected.svg</file>
     </qresource>
     <qresource prefix="/gcsStyle">
         <file>panelStyle.qml</file>

main.qml

@@ -25,7 +25,7 @@ Window {
         id: mapComponent
         anchors.fill: parent
         activeDrone: mainWindow.activeDrone
-        selectedDrones: mainWindow.selectedDrones // Not yet implemented. But will be like this
+        selectedDrones: mainWindow.selectedDrones 
         onZoomScaleChanged: function(coord1, coord2, pixelLength) {  
             mapScaleBar.updateScaleBar(coord1, coord2, pixelLength)
         }
@@ -62,9 +62,12 @@ Window {
         z: 100
     }
 
+    //active drone, initial anchor drone, clicked selected first, 
+    //more than one selected, pass in list of selected drones to qml map, -> use list to determine what is selected 
+    //to select each drone, to change our icon. 
     TelemetryPanel {
         id: telemetryPanel
-        activeDrone: mainWindow.activeDrone
+        activeDrone: mainWindow.activeDrone // Pass the active drone reference to the telemetry panel
         anchors {
             bottom: parent.bottom
             margins: GcsStyle.PanelStyle.applicationBorderMargin