add function of automatically convert to lowercase of local ID

wmo-im · Jan 8, 2025 · d99efdc · d99efdc
1 parent 0a0f77b
commit d99efdc
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/DatasetEditorForm.vue b/src/components/DatasetEditorForm.vue
@@ -113,8 +113,8 @@
                                 </v-col>
                             </v-row>
                             <v-row dense>
-                                <v-col cols="12">
-                                    <v-text-field label="Local ID" type="string" v-model="localID" @input="updateIdentifierFromLocalID" variant="outlined" clearable :disabled="isEditing"></v-text-field>
+                                <v-col cols="6">
+                                    <v-text-field label="Local ID" type="string" v-model="localID" @input="updateIdentifierFromLocalID" variant="outlined" @update:modelValue="convertToLowercaseLocalID" clearable :disabled="isEditing"></v-text-field>
                                 </v-col>
                             </v-row>
                             <v-row dense>
@@ -1035,6 +1035,11 @@ export default defineComponent({
             model.value.identification.centreID = value.toLowerCase();
         };
 
+
+        const convertToLowercaseLocalID = (value) => {
+            localID.value = value.toLowerCase();
+        };
+
         // Has the user filled the dialog window?
         const initialDialogFilled = computed(() => {
             return model.value.identification.centreID && selectedTemplate.value;
@@ -2361,7 +2366,8 @@ export default defineComponent({
             updateIdentifierFromLocalID,
             extractLocalID,
             localID,
-            isEditing
+            isEditing,
+            convertToLowercaseLocalID
         }
     }
 });