Updated combined MET window

#4

frontend/src/components/Full.vue

@@ -0,0 +1,32 @@
+<!-- frontend/src/components/Full.vue -->
+<template>
+    <div class="full-component">
+        <Sun :id="props.id" />
+        <hr class="component-divider">
+        <Metreport :id="props.id" />
+        <hr class="component-divider">
+        <Metsensor :id="props.id" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import Sun from "@/components/Sun.vue"
+import Metreport from "@/components/Metreport.vue"
+import Metsensor from "@/components/Metsensor.vue"
+
+const props = defineProps<{ id: string }>()
+</script>
+
+<style scoped>
+.full-component {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+
+.component-divider {
+    width: 100%;
+    border: none;
+    border-top: 2px solid #808080;
+}
+</style>

frontend/src/components/menu/MainMenu.vue

@@ -22,8 +22,13 @@ import Submenu from "@/components/menu/Submenu.vue"
 import { useWindowsStore } from "@/stores/windows"
 const windows = useWindowsStore()
 
+import Full from "@/components/Full.vue"
+
 const menuItems = {
     MET: {
+        ALL: {
+            // This will be filled in with ICAO codes
+        } as { [key: string]: string },
         METREPORT: {
             // filled in code
         } as { [key: string]: string },
@@ -59,6 +64,7 @@ const menuItems = {
 import { wxAirports } from "@/stores/wx"
 
 for (const icao of wxAirports) {
+    menuItems.MET.ALL[icao] = `full${icao}`
     menuItems.MET.METREPORT[icao] = `metrep${icao}`
     menuItems.MET.METSENSOR[icao] = `metsen${icao}`
      menuItems.MET.SUN[icao] = `sun${icao}`

frontend/src/stores/wx.ts

@@ -103,7 +103,14 @@ export const useWxStore = defineStore("wx", () => {
     }
 
     function fetch(icao: string) {
-        if (!(icao in viewIdByIcao)) throw `No viewId for icao ${icao}`
+        if (!icao) {
+            console.error("Attempted to fetch weather data with undefined ICAO");
+            return;
+        }
+        if (!(icao in viewIdByIcao)) {
+            console.error(`No viewId for icao ${icao}`);
+            return;
+        }
         if (!(icao in wx)) wx[icao] = "Loading..."
         lastFetch[icao] = new Date()
         console.log(`Fetch wx ${icao}`)

frontend/src/views/Main.vue

@@ -39,6 +39,7 @@ import Image from "@/components/Image.vue"
 import ECFMP from "@/components/ECFMP.vue"
 import Iframe from "@/components/Iframe.vue"
 import Sun from "@/components/Sun.vue"
+import Full from "@/components/Full.vue"
 
 import { onBeforeUnmount, onUnmounted } from "vue"
 import { useWindowsStore } from "@/stores/windows"