show last 10 messages

Author: maaikelimper

src/components/TempChartDialog.vue

@@ -70,13 +70,13 @@ export default defineComponent({
       return "N/A";
     },
     async fetchMessages() {
-      // fetch the last 20 messages for the selected station
+      // fetch the last 10 messages for the selected station
       this.loading = true;
       try {
         const url = `${window.VUE_APP_OAPI}/collections/messages/items?` + new URLSearchParams({
           q: this.metadata_id.replace("urn:wmo:md:", ""),
           wigos_station_identifier: this.selectedStation.id,
-          limit: "20",
+          limit: "10",
           sortby: "-datetime"
         });
         const response = await fetchWithToken(url);

src/components/data/DataTable.vue

@@ -141,7 +141,6 @@ export default defineComponent({
 
       try {
         const url = `${window.VUE_APP_OAPI}/collections/${this.topic}/items?f=json&name=${this.selectedDatastream.name}&reportId=${this.selectedDatastream.reportId}&wigos_station_identifier=${this.selectedStation.id}&sortby=-reportTime`
-        console.log(url)
         const response = await fetchAllOAFFeatures(url);
         const data: ItemsResponse = await response.json();
         this.plot(response.url);
@@ -158,7 +157,6 @@ export default defineComponent({
         catchAndDisplayError(String(error));
       } finally {
         this.loading = false;
-        console.log("done");
       }
     },
     plot(url: string) {

src/components/data/TempDataPlotter.vue

@@ -57,7 +57,6 @@ export default defineComponent({
       // load data from the provided URL
       this.loading = true;
       try {
-          console.log("Decoding BUFR data from URL:", this.data_url);
           const response = await fetch(`${window.VUE_APP_OAPI}/processes/bufr2UpperAirChart/execution`, {
             method: "POST",
             headers: {

src/components/data/TempDataViewer.vue

@@ -21,6 +21,12 @@
           </tr>
         </tbody>
         </v-table>
+        <div v-if="messages.length != 0">
+          <i>Showing last {{ messages.length }} files published</i>
+        </div>
+        <div v-else>
+          <i>Found 0 files published for this station.</i>
+        </div>
       </v-col>
       </v-row>
     </v-container>
@@ -69,7 +75,6 @@ export default defineComponent({
       // Always reset state first
       this.internalDataURL = null;
       this.selected_id = "";
-      console.log("Number of messages available:", this.messages.length);
       if (this.messages.length > 0) {
         this.updateSelectedMessage(this.messages[0]);
       } else {
@@ -109,7 +114,6 @@ export default defineComponent({
     updateSelectedMessage(message: Feature) {
       this.internalDataURL = null;
       this.selected_id = message.id;
-      console.log("Selected message ID:", this.selected_id);
       // loop over links in message to find the one with rel="canonical" or rel="update"
       const dataLink = message.links.find(link => link.rel === "canonical" || link.rel === "update");
       if (dataLink) {
@@ -118,7 +122,6 @@ export default defineComponent({
         this.internalDataURL = null;  
         console.warn("No data link found in message:", message);
       }
-      console.log("Data URL set to:", this.internalDataURL);
     },  
   },
 });

src/components/station/MsgStationLatest.vue

@@ -91,7 +91,6 @@ export default defineComponent({
         const data: ItemsResponse = await response.json();
         if (data.features.length > 0) {
           const latest = data.features[0];
-          console.log("Latest message for station", station.id, latest);
           this.latest_datetime = latest.properties.datetime || null;
           this.latest_pubtime = latest.properties.pubtime || null;
           // get the first link with rel="canonical" or rel="update"

src/components/station/StationLatest.vue

@@ -93,7 +93,6 @@ export default defineComponent({
         catchAndDisplayError(String(error));
       } finally {
         this.loading = false;
-        console.log("done");
       }
     },
     async loadRecentObservations(station: Feature, limit: number) {

src/lib/types.ts

@@ -169,7 +169,7 @@ export interface MetadataResponse {
 
 // Superset of Feature, with additional helper fields for easier use in the frontend
 export interface Dataset extends DiscoveryMetadata {
-  hasSynop: boolean
+  mapType: string
   id: string
   bbox: number[]
   // links in a format that can be used by the wis2box UI

src/views/DatasetView.vue

@@ -11,8 +11,8 @@
       <v-col sm="12" md="3">
         <v-container>
           <v-row justify="center" fill-height>
-            <template v-if="dataset.hasSynop">
-              <v-card class="pa-0 ma-0" @click="loadMap(dataset.id)" @keydown.enter="loadMap(dataset.id)"
+            <template v-if="dataset.mapType != 'unknown'">
+              <v-card class="pa-0 ma-0" @click="loadMap(dataset.id, dataset.mapType)" @keydown.enter="loadMap(dataset.id, dataset.mapType)"
                 aria-label="Dataset map">
                 <v-overlay open-on-hover contained activator="parent" class="align-center justify-center">
                   <v-btn flat>
@@ -117,15 +117,20 @@ export default defineComponent({
         }
 
         for (const feature of data.features) {
-
           // if "wmo:topicHierarchy" not is available in the properties hasSynop should be false
+          let mapType = "unknown";
           let hasSynop = false;
           let hasTemp = false;
           let hasTopic = false;
           if (feature.properties["wmo:topicHierarchy"]) {
             hasTopic = true;
             hasSynop = feature.properties["wmo:topicHierarchy"].includes("surface-based-observations/synop");
             hasTemp = feature.properties["wmo:topicHierarchy"].includes("surface-based-observations/temp");
+            if (hasSynop) {
+              mapType = "synop";
+            } else if (hasTemp) {
+              mapType = "temp";
+            }
           }
           const uiLinks = [];
 
@@ -195,7 +200,7 @@ export default defineComponent({
           const bbox = feature.geometry.coordinates[0].flat(2);
 
           this.datasets.push({
-            hasSynop,
+            mapType,
             bbox,
             uiLinks,
             ...feature,
@@ -207,8 +212,12 @@ export default defineComponent({
         this.loading = false;
       }
     },
-    loadMap(topic: string) {
-      this.$router.push(`/fixed-land-station-map/${topic}`);
+    loadMap(topic: string, mapType: string) {
+      if (mapType === "synop") {
+        this.$router.push(`/fixed-land-station-map/${topic}`);
+      } else if (mapType === "temp") {
+        this.$router.push(`/fixed-upper-air-map/${topic}`);
+      }
     },
   },
 });