linting and naming improvement

bluerobotics · Nov 19, 2023 · be3f5dc · be3f5dc
1 parent 6224997
commit be3f5dc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 16 deletions.
diff --git a/src/components/MiniWidgetInstantiator.vue b/src/components/MiniWidgetInstantiator.vue
@@ -1,6 +1,6 @@
 <template>
-  <template v-if="miniWidget.component === MiniWidgetType.AltitudeIndicator">
-    <AltitudeIndicator :mini-widget="miniWidget" />
+  <template v-if="miniWidget.component === MiniWidgetType.RelativeAltitudeIndicator">
+    <RelativeAltitudeIndicator :mini-widget="miniWidget" />
   </template>
   <template v-if="miniWidget.component === MiniWidgetType.ArmerButton">
     <ArmerButton :options="miniWidget" />
@@ -39,14 +39,14 @@ import { toRefs } from 'vue'
 
 import { type MiniWidget, MiniWidgetType } from '@/types/miniWidgets'
 
-import AltitudeIndicator from './mini-widgets/RelativeAltitudeIndicator.vue'
 import ArmerButton from './mini-widgets/ArmerButton.vue'
 import BaseCommIndicator from './mini-widgets/BaseCommIndicator.vue'
 import BatteryIndicator from './mini-widgets/BatteryIndicator.vue'
 import DepthIndicator from './mini-widgets/DepthIndicator.vue'
 import JoystickCommIndicator from './mini-widgets/JoystickCommIndicator.vue'
 import MiniVideoRecorder from './mini-widgets/MiniVideoRecorder.vue'
 import ModeSelector from './mini-widgets/ModeSelector.vue'
+import RelativeAltitudeIndicator from './mini-widgets/RelativeAltitudeIndicator.vue'
 import SatelliteIndicator from './mini-widgets/SatelliteIndicator.vue'
 import VeryGenericIndicator from './mini-widgets/VeryGenericIndicator.vue'
 import ViewSelector from './mini-widgets/ViewSelector.vue'

diff --git a/src/components/mini-widgets/RelativeAltitudeIndicator.vue b/src/components/mini-widgets/RelativeAltitudeIndicator.vue
@@ -1,16 +1,16 @@
 <template>
-    <div class="flex items-center w-fit min-w-[8rem] max-w-[9rem] h-12 p-1 text-white justify-center">
-        <img src="@/assets/altitude-icon.svg" class="h-full" :draggable="false" />
-        <div class="flex flex-col items-start justify-center ml-1 min-w-[4rem] max-w-[6rem] select-none">
-            <div>
-                <span class="font-mono text-xl font-semibold leading-6 w-fit">{{ round(altitude, 2).toFixed(2) }}</span>
-                <span class="text-xl font-semibold leading-6 w-fit"> m</span>
-            </div>
-            <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">Alt (Rel)</span>
-        </div>
+  <div class="flex items-center w-fit min-w-[8rem] max-w-[9rem] h-12 p-1 text-white justify-center">
+    <img src="@/assets/altitude-icon.svg" class="h-full" :draggable="false" />
+    <div class="flex flex-col items-start justify-center ml-1 min-w-[4rem] max-w-[6rem] select-none">
+      <div>
+        <span class="font-mono text-xl font-semibold leading-6 w-fit">{{ round(altitude, 2).toFixed(2) }}</span>
+        <span class="text-xl font-semibold leading-6 w-fit"> m</span>
+      </div>
+      <span class="w-full text-sm font-semibold leading-4 whitespace-nowrap">Alt (Rel)</span>
     </div>
+  </div>
 </template>
-  
+
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 
@@ -21,6 +21,4 @@ const store = useMainVehicleStore()
 
 const altitude = ref(0)
 watch(store.altitude, () => (altitude.value = store.altitude.rel))
-
 </script>
-
diff --git a/src/libs/vehicle/ardupilot/ardupilot.ts b/src/libs/vehicle/ardupilot/ardupilot.ts
@@ -54,7 +54,7 @@ export type ArduPilot = ArduPilotVehicle<any>
  * Generic ArduPilot vehicle
  */
 export abstract class ArduPilotVehicle<Modes> extends Vehicle.AbstractVehicle<Modes> {
-  _altitude = new Altitude({ msl: 0, rel: 0})
+  _altitude = new Altitude({ msl: 0, rel: 0 })
   _attitude = new Attitude({ roll: 0, pitch: 0, yaw: 0 })
   _communicationDropRate = 0
   _communicationErrors = 0