core: frontend: add notification for uncalibrated sensors

Author: nicoschmdt

core/frontend/src/App.vue

@@ -50,6 +50,19 @@
             Armed
           </v-card-title>
         </v-card>
+        <v-card
+          v-if="uncalibrated_sensors"
+          v-tooltip="'One or more sensors are not calibrated'"
+          class="d-flex align-center warning justify-center mr-5"
+          height="40"
+        >
+          <v-icon class="ml-3">
+            mdi-alert-outline
+          </v-icon>
+          <v-card-title>
+            Uncalibrated sensors
+          </v-card-title>
+        </v-card>
         <draggable v-model="selected_widgets" class="d-flex align-center justify-center">
           <component
             :is="getWidget(widget_name).component"
@@ -531,6 +544,9 @@ export default Vue.extend({
     safe_mode(): boolean {
       return autopilot_data.is_safe
     },
+    uncalibrated_sensors(): boolean {
+      return autopilot_data.uncalibrated_sensors
+    },
     wifi_connected(): boolean {
       return wifi.current_network != null
     },

core/frontend/src/components/vehiclesetup/overview/OnboardSensors.vue

@@ -293,13 +293,40 @@ export default Vue.extend({
       return results
     },
   },
+  watch: {
+    imu_is_calibrated: {
+      handler() {
+        this.updateUncalibratedSensorsStatus()
+      },
+      deep: true,
+      immediate: true,
+    },
+    compass_is_calibrated: {
+      handler() {
+        this.updateUncalibratedSensorsStatus()
+      },
+      deep: true,
+      immediate: true,
+    },
+  },
   mounted() {
     mavlink.setMessageRefreshRate({ messageName: 'SCALED_PRESSURE$', refreshRate: 1 })
     mavlink.setMessageRefreshRate({ messageName: 'SCALED_PRESSURE2$', refreshRate: 1 })
     mavlink.setMessageRefreshRate({ messageName: 'SCALED_PRESSURE3$', refreshRate: 1 })
     mavlink.setMessageRefreshRate({ messageName: 'VFR_HUD', refreshRate: 1 })
+
+    this.updateUncalibratedSensorsStatus()
   },
   methods: {
+    updateUncalibratedSensorsStatus() {
+      const imuUncalibrated = this.imu_is_calibrated && 
+        Object.values(this.imu_is_calibrated).some((calibrated) => !calibrated)
+      
+      const compassUncalibrated = this.compass_is_calibrated && 
+        Object.values(this.compass_is_calibrated).some((calibrated) => !calibrated)
+      
+      autopilot_data.setUncalibratedSensors(imuUncalibrated || compassUncalibrated)
+    },
     print_bus(bus: BUS_TYPE): string {
       return BUS_TYPE[bus]
     },

core/frontend/src/store/autopilot.ts

@@ -38,6 +38,8 @@ class AutopilotStore extends VuexModule {
 
   verhicle_armed = false
 
+  uncalibrated_sensors = false
+
   get parameter() {
     return (name: string): Parameter | undefined => this.parameters.find((parameter) => parameter.name === name)
   }
@@ -112,6 +114,11 @@ class AutopilotStore extends VuexModule {
   setVehicleArmed(armed: boolean): void {
     this.verhicle_armed = armed
   }
+
+  @Mutation
+  setUncalibratedSensors(uncalibrated: boolean): void {
+    this.uncalibrated_sensors = uncalibrated
+  }
 }
 
 export { AutopilotStore }