agent properties in the popup

README.md

@@ -5,6 +5,7 @@
 - Public MQTT broker and client from [hivemq](https://www.hivemq.com/public-mqtt-broker/). MQTT client with a standart settings.
     - `ipos/client/position`: relative position of an agent to a curent root point
     - `ipos/client/root`: update a root point. Default is `{"latitude": 51.02545, "longitude": 13.72295}`.
+    - `ipos/client/extracted` extracted attributes. Related with VDA5050
 - Messages description: [SimpleSceneIntegration Interface](https://md.inf.tu-dresden.de/IPos_IFSimpleSceneIntegration).
 
 ### Online app
@@ -40,9 +41,9 @@ Connection settings
                     "position": {
                         "refSystemId": "ROOT",
                         "point": {
-                    "x": 3,
-                    "y": 2,
-                    "z": 3
+                        "x": 28,
+                        "y": -12,
+                        "z": 20
                         },
                         "accuracy": 1
                     },
@@ -52,6 +53,11 @@ Connection settings
                         "z": 1,
                         "w": 1.5
                     },
+                    "extractedAttributes": {
+                        "batteryChargeLevel": 70,
+                        "loadedItems": [23, 1, 25, 17],
+                        "errors": [2, 1, 6]
+                    },
                     "lastPosUpdate": "2021-09-14T09:41:20+00:00",
                     "zoneDescriptors": [
                         {

src/app/components/map/map.component.ts

@@ -66,10 +66,22 @@ export class MapComponent implements OnInit {
     // --- Info
     let pos = desc["position"]
     this.agentsInfo[key] = desc
-    this.addMarker(key, pos)
+
+    var props = undefined
+    if (desc.extractedAttributes) {
+      props = `<p> \
+        <h3>${key}</h3>
+        <strong>Charge</strong>: ${desc.extractedAttributes.batteryChargeLevel}% <br>\
+        <strong>Items</strong>: ${desc.extractedAttributes.loadedItems}\
+      </p>`
+    } else {
+      props = `<p><h3>${key}</h3></p>`
+    }
+
+    this.addMarker(key, pos, props)
   }
 
-  addMarker(key: string, pos: Position) {
+  addMarker(key: string, pos: Position, popup: string) {
     let point = pos.point
 
     if ('x' in point) {
@@ -94,7 +106,7 @@ export class MapComponent implements OnInit {
         shadowUrl: 'assets/marker-shadow.png',
         className: 'true-position-marker'
       })
-    }).bindPopup(key).openPopup();
+    }).bindPopup(popup).openPopup();
     marker.addTo(this.markOverlays[key])
 
     // --- Accuracy

src/app/model/base-model.ts

@@ -13,6 +13,7 @@ export interface Object {
     orientation?: Orientation
     lastPosUpdate: string
     zoneDescriptors: ZoneDesc[]
+    extractedAttributes?: ExtAttribute
 }
 
 export interface Position {
@@ -62,6 +63,10 @@ enum SensorType {
     "Bluetooth",
     "WiFi"
 }
-
+interface ExtAttribute {
+    batteryChargeLevel: number
+    loadedItems: number[]
+    errors: number[]
+}