Update app.py

kontur/web/app.py

@@ -58,16 +58,27 @@ class MainWindow(QWidget):
         layout.addLayout(input_layout)
 
         # Video and Map layout
-        video_map_layout = QHBoxLayout()
+        video_map_layout = QVBoxLayout()
+
+        video_layout = QHBoxLayout()
 
         # Video display
         self.video_label = QLabel()
         self.video_label.setAlignment(Qt.AlignCenter)
-        video_map_layout.addWidget(self.video_label)
+        video_layout.addWidget(self.video_label)
 
         # Map display
         self.map_view = QWebEngineView()
-        video_map_layout.addWidget(self.map_view)
+        video_layout.addWidget(self.map_view)
+
+        video_map_layout.addLayout(video_layout)
+
+        # Telemetry data display
+        self.telemetry_label = QLabel()
+        self.telemetry_label.setAlignment(Qt.AlignTop)
+        self.telemetry_label.setStyleSheet("background-color: #3c3c3c; padding: 10px; border: 1px solid #555555;")
+        video_map_layout.addWidget(self.telemetry_label)
+
         layout.addLayout(video_map_layout)
 
         self.showMaximized()
@@ -129,8 +140,11 @@ class MainWindow(QWidget):
                     if msg.type == aiohttp.WSMsgType.TEXT:
                         data = json.loads(msg.data)
                         coords = data.get('coordinates', [])
+                        telemetry_info = data.get('telemetry', '')
                         logger.debug(f"Received coordinates: {coords}")
+                        logger.debug(f"Received telemetry: {telemetry_info}")
                         self.update_map(coords)
+                        self.update_telemetry(telemetry_info)
 
     def load_osm_map(self, osm_file):
         # Load OSM data from file
@@ -158,6 +172,10 @@ class MainWindow(QWidget):
         self.map_view.setHtml(map_data)
         logger.debug("Map updated with new markers")
 
+    def update_telemetry(self, telemetry_info):
+        self.telemetry_label.setText(f"Telemetry Data: {telemetry_info}")
+        logger.debug("Telemetry data updated")
+
     def dark_theme_stylesheet(self):
         return """
         QWidget {
@@ -188,8 +206,6 @@ class MainWindow(QWidget):
         }
         QWebEngineView {
             border: 1px solid #555555;
-            background-color: #2b2b2b;
-            color: #ffffff;
         }
         """