From a2aa400af69e281fb284c131fdeec4504f2d2a56 Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Mon, 21 Oct 2024 16:34:48 -0300
Subject: [PATCH 1/2] Mini-widgets: Very-generic-indicator: Add decimal places
 and width configs

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 .../mini-widgets/VeryGenericIndicator.vue     | 65 +++++++++++++++++--
 1 file changed, 59 insertions(+), 6 deletions(-)

diff --git a/src/components/mini-widgets/VeryGenericIndicator.vue b/src/components/mini-widgets/VeryGenericIndicator.vue
index e5e0fc8a4..99f8b7110 100644
--- a/src/components/mini-widgets/VeryGenericIndicator.vue
+++ b/src/components/mini-widgets/VeryGenericIndicator.vue
@@ -1,7 +1,14 @@
 <template>
-  <div class="h-12 p-1 text-white transition-all w-[8.5rem] relative scroll-container">
+  <div
+    class="h-12 p-1 min-w-[8.5rem] text-white transition-all relative scroll-container"
+    :class="{
+      'border-[1px] border-dashed border-[#FFFFFF55]': widgetStore.miniWidgetManagerVars(miniWidget.hash)
+        .configMenuOpen,
+    }"
+    :style="{ width: miniWidget.options.widgetWidth + 'px' }"
+  >
     <span class="h-full left-[0.5rem] bottom-[5%] absolute mdi text-[2.25rem]" :class="[miniWidget.options.iconName]" />
-    <div class="absolute left-[3rem] h-full select-none font-semibold scroll-container w-[5.5rem]">
+    <div class="absolute left-[3rem] h-full select-none font-semibold scroll-container w-full">
       <div class="w-full" :class="{ 'scroll-text': valueIsOverflowing }">
         <span class="font-mono text-xl leading-6">{{ parsedState }}</span>
         <span class="text-xl leading-6"> {{ String.fromCharCode(0x20) }} {{ miniWidget.options.variableUnit }} </span>
@@ -38,9 +45,19 @@
       </v-card-title>
 
       <div v-if="currentTab === 'custom'" class="flex flex-col items-center justify-around">
-        <div class="flex flex-col items-center justify-between w-full mt-3">
-          <span class="w-full mb-1 text-sm text-slate-100/50">Display name</span>
-          <input v-model="miniWidget.options.displayName" class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]" />
+        <div class="flex w-full gap-x-10">
+          <div class="flex flex-col items-center justify-between w-3/4 mt-3">
+            <span class="w-full mb-1 text-sm text-slate-100/50">Display name</span>
+            <input v-model="miniWidget.options.displayName" class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]" />
+          </div>
+          <div class="flex flex-col items-center justify-between w-1/4 mt-3">
+            <span class="w-full text-sm text-slate-100/50">Display Width</span>
+            <input
+              v-model="miniWidget.options.widgetWidth"
+              type="number"
+              class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]"
+            />
+          </div>
         </div>
         <div class="flex flex-col items-center justify-between w-full mt-3">
           <span class="w-full mb-1 text-sm text-slate-100/50">Variable</span>
@@ -58,6 +75,7 @@
             />
           </div>
         </div>
+
         <Transition>
           <div v-if="showVariableChooseModal" class="flex flex-col justify-center w-full mx-1 my-3 align-center">
             <input
@@ -86,6 +104,17 @@
             <span class="w-full mb-1 text-sm text-slate-100/50">Multiplier</span>
             <input v-model="miniWidget.options.variableMultiplier" class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]" />
           </div>
+          <div class="flex flex-col items-center justify-between w-full mx-5">
+            <span class="w-full mb-1 text-sm text-slate-100/50">Decimal Places</span>
+            <input
+              v-model="miniWidget.options.decimalPlaces"
+              type="number"
+              min="0"
+              max="5"
+              placeholder="Auto-formatting"
+              class="w-full px-2 py-1 rounded-md bg-[#FFFFFF12]"
+            />
+          </div>
         </div>
         <div class="flex flex-col items-center justify-between w-full mt-3">
           <span class="w-full mb-1 text-sm text-slate-100/50">Icon</span>
@@ -184,7 +213,6 @@ const props = defineProps<{
 const miniWidget = toRefs(props).miniWidget
 
 onBeforeMount(() => {
-  // Set initial widget options if they don't exist
   if (Object.keys(miniWidget.value.options).length === 0) {
     Object.assign(miniWidget.value.options, {
       displayName: '',
@@ -192,6 +220,8 @@ onBeforeMount(() => {
       iconName: 'mdi-help-box',
       variableUnit: '%',
       variableMultiplier: 1,
+      decimalPlaces: null,
+      widgetWidth: 136,
     })
   }
 
@@ -206,12 +236,18 @@ const widgetStore = useWidgetManagerStore()
 const currentState = ref<unknown>(0)
 
 const finalValue = computed(() => Number(miniWidget.value.options.variableMultiplier) * Number(currentState.value))
+
 const parsedState = computed(() => {
   if (currentState.value === undefined) {
     return '--'
   }
   const value = finalValue.value
 
+  const decimalPlaces = miniWidget.value.options.decimalPlaces
+  if (decimalPlaces !== null && !isNaN(decimalPlaces)) {
+    return value.toFixed(decimalPlaces)
+  }
+
   if (value < 0 && value > -10) return value.toFixed(1)
   if (value <= -10 && value > -100) return value.toFixed(1)
   if (value <= -100 && value > -1000) return value.toFixed(0)
@@ -280,6 +316,22 @@ const logCurrentState = (): void => {
   }
 }
 
+watch(
+  () => miniWidget.value.options.decimalPlaces,
+  (newVal) => {
+    if (newVal === '' || newVal === null || newVal === undefined) {
+      miniWidget.value.options.decimalPlaces = null
+    } else {
+      const num = Number(newVal)
+      if (!isNaN(num) && num >= 0 && Number.isInteger(num)) {
+        miniWidget.value.options.decimalPlaces = num
+      } else {
+        miniWidget.value.options.decimalPlaces = null
+      }
+    }
+  }
+)
+
 watch(
   finalValue,
   () => {
@@ -291,6 +343,7 @@ watch(
 )
 
 watch(store.genericVariables, () => updateVariableState())
+
 watch(
   () => store.availableGenericVariables,
   () => updateGenericVariablesNames(),

From cbf7f782522b04c55e36de6f1c0ffdb3a3a4bf98 Mon Sep 17 00:00:00 2001
From: Arturo Manzoli <arturomanzoli@gmail.com>
Date: Mon, 21 Oct 2024 16:55:56 -0300
Subject: [PATCH 2/2] Defaults: Modify default boat profile

Signed-off-by: Arturo Manzoli <arturomanzoli@gmail.com>
---
 src/assets/defaults.ts | 84 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 78 insertions(+), 6 deletions(-)

diff --git a/src/assets/defaults.ts b/src/assets/defaults.ts
index 7800d23e9..af46b6ed8 100644
--- a/src/assets/defaults.ts
+++ b/src/assets/defaults.ts
@@ -541,12 +541,50 @@ export const widgetProfiles: Profile[] = [
         visible: true,
         widgets: [
           {
-            hash: '6439e791-3031-4928-aff2-8bd9af713798',
+            hash: '2f32cbb5-7031-42a1-b26e-8c110f5cfc0b',
+            name: 'VirtualHorizon',
+            component: WidgetType.VirtualHorizon,
+            position: {
+              x: 0.8470340414647122,
+              y: 0.030779937236477317,
+            },
+            size: {
+              width: 0.06129068105944188,
+              height: 0.11777527653033051,
+            },
+            options: {},
+          },
+          {
+            hash: 'c00ae733-0290-48be-93e3-cba986d9b19a',
+            name: 'Compass',
+            component: WidgetType.Compass,
+            position: {
+              x: 0.7791262675380712,
+              y: 0.030779937236477317,
+            },
+            size: {
+              width: 0.06129068105944188,
+              height: 0.11777527653033051,
+            },
+            options: {
+              headingStyle: 'North Up',
+            },
+          },
+          {
+            hash: 'd18e02c2-96ba-43fa-9135-7b4feedee580',
             name: 'Main Map',
             component: WidgetType.Map,
-            position: { x: 0, y: 0 },
-            size: { width: 1, height: 1 },
-            options: {},
+            position: {
+              x: 0,
+              y: 0,
+            },
+            size: {
+              width: 1,
+              height: 1,
+            },
+            options: {
+              showVehiclePath: true,
+            },
           },
         ],
         miniWidgetContainers: [
@@ -561,8 +599,42 @@ export const widgetProfiles: Profile[] = [
               },
             ],
           },
-          { name: 'Bottom-center container', widgets: [] },
-          { name: 'Bottom-right container', widgets: [] },
+          {
+            name: 'Bottom-center container',
+            widgets: [
+              {
+                component: MiniWidgetType.ArmerButton,
+                name: 'ArmerButton',
+                options: {},
+                hash: 'ecb8299e-8a98-4e95-a399-aa01ddf3d7b5',
+              },
+              {
+                component: MiniWidgetType.VeryGenericIndicator,
+                name: 'Speed (GPS)',
+                options: {
+                  displayName: 'Speed (GPS)',
+                  variableName: 'VFR_HUD/groundspeed',
+                  iconName: 'mdi-car-speed-limiter',
+                  variableUnit: 'm/s',
+                  variableMultiplier: 1,
+                  decimalPlaces: 1,
+                  widgetWidth: 160,
+                },
+                hash: 'dfa95e38-47e0-4656-b863-c22029b89862',
+              },
+            ],
+          },
+          {
+            name: 'Bottom-right container',
+            widgets: [
+              {
+                component: MiniWidgetType.ModeSelector,
+                name: 'ModeSelector',
+                options: {},
+                hash: 'da8ad20e-e38c-4250-ad28-57b777c04a98',
+              },
+            ],
+          },
         ],
       },
     ],