Links to definition of FM12 and csv formats added to the the respecti…

…ve views / pages. (#58)
wmo-im · Aug 26, 2024 · d40442b · d40442b
1 parent 3965acc
commit d40442b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/components/CsvToBUFRForm.vue b/src/components/CsvToBUFRForm.vue
@@ -3,6 +3,10 @@
           <v-card-title class="big-title">Submit CSV Data</v-card-title>
             <v-dialog v-model="showDialog" width="auto">
               <v-card>
+                <v-card-text>
+                  See the <a href="https://docs.wis2box.wis.wmo.int/en/latest/user/data-ingest.html#wis2box-webapp">
+                  WIS2box documentation</a> for information on CSV formatted data
+                </v-card-text>
                 <v-card-text>{{msg}}</v-card-text>
                 <v-card-actions>
                   <v-btn color="primary" block @click="showDialog = false">Close</v-btn>
@@ -291,7 +295,7 @@
             const notificationsOnPending = ref(false);
 
             // computed properties
-            
+
             const step1Color = computed(() => {
                 if (status.value.fileLoaded) {
                     return "#64BF40"

diff --git a/src/components/SynopForm.vue b/src/components/SynopForm.vue
@@ -4,7 +4,7 @@
             <!-- Form entry --><v-fade-transition appear>
                 <v-card>
                     <!-- Font size of title for tablets and desktops -->
-                    <v-card-title class="big-title">Submit FM 12–XIV Ext. SYNOP Bulletin</v-card-title>
+                    <v-card-title class="big-title">Submit <a href="https://library.wmo.int/idviewer/35713/33">FM 12–XIV Ext. SYNOP</a> Bulletin</v-card-title>
                     <v-card-item>
                         <v-container>
                             <v-form>
@@ -350,7 +350,7 @@ export default defineComponent({
             result.value = testData;
         }
 
-        // Simulated output response in test environment 
+        // Simulated output response in test environment
         // representing a partial success
         const testPartialSuccessResult = () => {
             const testData = {
@@ -400,7 +400,7 @@ export default defineComponent({
                 inputs: {
                     data: bulletin.value, // Raw FM 12 data
                     year: date.value.year, // Year of data
-                    month: date.value.month + 1, // Month of data, +1 as JS starts 
+                    month: date.value.month + 1, // Month of data, +1 as JS starts
                     // from 0 for months
                     channel: datasetSelected.value.metadata.topic, // Topic hierarchy
                     metadata_id: datasetSelected.value.metadata.id, // Dataset identifier
@@ -448,8 +448,8 @@ export default defineComponent({
             }
         }
 
-        // Method for when the user presses the submit button, 
-        // including a loading animation and obtaining the result 
+        // Method for when the user presses the submit button,
+        // including a loading animation and obtaining the result
         const submit = async () => {
             // Start loading animation
             loading.value = true;
@@ -528,4 +528,4 @@ export default defineComponent({
     display: flex;
     align-items: center;
 }
-</style>
+</style>