From d670b49e412bf291c1de3cc8b3730bdd88b0821c Mon Sep 17 00:00:00 2001
From: Rafael Araujo Lehmkuhl <rafael.lehmkuhl93@gmail.com>
Date: Tue, 24 Oct 2023 15:19:48 -0300
Subject: [PATCH] Remove old `Indicators` widget

It was used for testing and can now be replaces by `VeryGenericIndicator` mini-widgets as desired.
---
 src/components/widgets/Indicators.vue | 89 ---------------------------
 src/types/widgets.ts                  |  1 -
 src/views/WidgetsView.vue             |  4 --
 3 files changed, 94 deletions(-)
 delete mode 100644 src/components/widgets/Indicators.vue

diff --git a/src/components/widgets/Indicators.vue b/src/components/widgets/Indicators.vue
deleted file mode 100644
index 7cf1b6f32..000000000
--- a/src/components/widgets/Indicators.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <v-sheet rounded color="rgba(255, 255, 255, 0.9)" class="indications">
-    <template v-if="widget.options.showDebugInfo">
-      <p class="font-weight-bold text-body-1">Vehicle online?</p>
-      <p class="text-body-1">{{ store.isVehicleOnline }}</p>
-      <p class="font-weight-bold text-body-1">Armed?</p>
-      <p class="text-body-1">{{ store.isArmed }}</p>
-      <p class="font-weight-bold text-body-1">Flight mode:</p>
-      <p class="text-body-1">{{ store.mode }}</p>
-      <p class="font-weight-bold text-body-1">Firmware:</p>
-      <p class="text-body-1">{{ store.firmwareType }}</p>
-      <p class="font-weight-bold text-body-1">Vehicle:</p>
-      <p class="text-body-1">{{ store.vehicleType }}</p>
-      <p class="font-weight-bold text-body-1">CPU load:</p>
-      <p class="text-body-1">{{ store.cpuLoad?.toFixed(2) }} %</p>
-    </template>
-    <template v-if="widget.options.showCoordinates">
-      <p class="font-weight-bold text-body-1">Lat/Long:</p>
-      <p class="text-body-1">{{ store.coordinates?.latitude }}/{{ store.coordinates?.longitude }}</p>
-    </template>
-    <template v-if="widget.options.showAttitude">
-      <p class="font-weight-bold text-body-1">Pitch:</p>
-      <p class="text-body-1">{{ degrees(store.attitude?.pitch).toFixed(2) }} deg</p>
-      <p class="font-weight-bold text-body-1">Roll:</p>
-      <p class="text-body-1">{{ degrees(store.attitude?.roll).toFixed(2) }} deg</p>
-      <p class="font-weight-bold text-body-1">Yaw:</p>
-      <p class="text-body-1">{{ degrees(store.attitude?.yaw).toFixed(2) }} deg</p>
-    </template>
-    <template v-if="widget.options.showPower">
-      <p class="font-weight-bold text-body-1">Battery:</p>
-      <p class="text-body-1">
-        {{ store.powerSupply?.voltage?.toFixed(2) }} V / {{ store.powerSupply?.current?.toFixed(2) }} A
-      </p>
-    </template>
-  </v-sheet>
-  <v-dialog v-model="widget.managerVars.configMenuOpen" width="auto">
-    <v-card class="pa-2">
-      <v-card-title>Indicators widget config</v-card-title>
-      <v-card-text>
-        <v-checkbox v-model="widget.options.showDebugInfo" label="showDebugInfo" hide-details />
-        <v-checkbox v-model="widget.options.showCoordinates" label="showCoordinates" hide-details />
-        <v-checkbox v-model="widget.options.showAttitude" label="showAttitude" hide-details />
-        <v-checkbox v-model="widget.options.showPower" label="showPower" hide-details />
-      </v-card-text>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-import { onBeforeMount, toRefs } from 'vue'
-
-import { degrees } from '@/libs/utils'
-import { useMainVehicleStore } from '@/stores/mainVehicle'
-import type { Widget } from '@/types/widgets'
-
-const store = useMainVehicleStore()
-const props = defineProps<{
-  /**
-   * Widget reference
-   */
-  widget: Widget
-}>()
-
-const widget = toRefs(props).widget
-
-onBeforeMount(() => {
-  // Set initial widget options if they don't exist
-  if (Object.keys(widget.value.options).length === 0) {
-    widget.value.options = {
-      showCoordinates: true,
-      showAttitude: true,
-      showDebugInfo: true,
-      showPower: true,
-    }
-  }
-})
-</script>
-
-<style scoped>
-.indications {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-}
-</style>
diff --git a/src/types/widgets.ts b/src/types/widgets.ts
index 71c619fc6..ba9376ea9 100644
--- a/src/types/widgets.ts
+++ b/src/types/widgets.ts
@@ -12,7 +12,6 @@ export enum WidgetType {
   CompassHUD = 'CompassHUD',
   IFrame = 'IFrame',
   ImageViewer = 'ImageViewer',
-  Indicators = 'Indicators',
   Map = 'Map',
   MiniWidgetsBar = 'MiniWidgetsBar',
   URLVideoPlayer = 'URLVideoPlayer',
diff --git a/src/views/WidgetsView.vue b/src/views/WidgetsView.vue
index 3268eff98..807bfdc47 100644
--- a/src/views/WidgetsView.vue
+++ b/src/views/WidgetsView.vue
@@ -27,9 +27,6 @@
           <template v-if="widget.component === WidgetType.ImageViewer">
             <ImageView :widget="widget" />
           </template>
-          <template v-if="widget.component === WidgetType.Indicators">
-            <Indicators :widget="widget" />
-          </template>
           <template v-if="widget.component === WidgetType.Map">
             <Map :widget="widget" />
           </template>
@@ -68,7 +65,6 @@ import Compass from '../components/widgets/Compass.vue'
 import CompassHUD from '../components/widgets/CompassHUD.vue'
 import DepthHUD from '../components/widgets/DepthHUD.vue'
 import IFrame from '../components/widgets/IFrame.vue'
-import Indicators from '../components/widgets/Indicators.vue'
 import Map from '../components/widgets/Map.vue'
 import MiniWidgetsBar from '../components/widgets/MiniWidgetsBar.vue'
 import URLVideoPlayer from '../components/widgets/URLVideoPlayer.vue'