From 82efd0c712c52760c321d37fd62889ff76ed6a71 Mon Sep 17 00:00:00 2001
From: PEIWEN JIN <peiwen.jin@student.unimelb.edu.au>
Date: Mon, 23 Dec 2024 13:11:57 +0100
Subject: [PATCH] when editing existing dataset, local ID is grey out

---
 src/components/DatasetEditorForm.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/DatasetEditorForm.vue b/src/components/DatasetEditorForm.vue
index 78d10cb..6776712 100644
--- a/src/components/DatasetEditorForm.vue
+++ b/src/components/DatasetEditorForm.vue
@@ -114,7 +114,7 @@
                             </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></v-text-field>
+                                    <v-text-field label="Local ID" type="string" v-model="localID" @input="updateIdentifierFromLocalID" variant="outlined" clearable :disabled="isEditing"></v-text-field>
                                 </v-col>
                             </v-row>
                             <v-row dense>
@@ -796,6 +796,7 @@ export default defineComponent({
     setup() {
 
         const localID = ref('');
+        const isEditing = computed(() => !isNew.value);
 
         const extractLocalID = (identifier) => {
             if (!identifier) {
@@ -2342,7 +2343,8 @@ export default defineComponent({
             fallbackCopyManual,
             updateIdentifierFromLocalID,
             extractLocalID,
-            localID
+            localID,
+            isEditing
         }
     }
 });