From ca3f56d3461022abb7f2d141295959a7e8a7129e Mon Sep 17 00:00:00 2001
From: Pieter Verschaffelt <pieter.verschaffelt@ugent.be>
Date: Wed, 1 Jun 2022 09:56:37 +0200
Subject: [PATCH] Renaming an assay also works without pressing enter

---
 package.json                               | 2 +-
 src/components/assay/CreateAssayDialog.vue | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 68727469..f653e2a7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "unipept-desktop",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "private": true,
   "author": "Unipept Team (Ghent University)",
   "description": "A desktop equivalent of unipept.ugent.be. This app aims at high-throughput analysis of metaproteomics samples.",
diff --git a/src/components/assay/CreateAssayDialog.vue b/src/components/assay/CreateAssayDialog.vue
index f8ed7f10..926ca4c5 100644
--- a/src/components/assay/CreateAssayDialog.vue
+++ b/src/components/assay/CreateAssayDialog.vue
@@ -98,7 +98,10 @@
                                 </v-edit-dialog>
                             </template>
                             <template v-slot:item.name="props">
-                                <v-edit-dialog :return-value.sync="props.item.name">
+                                <v-edit-dialog
+                                    :return-value.sync="props.item.name"
+                                    @open="nameProp = props.item.name"
+                                    @close="props.item.name = nameProp">
                                     <v-text-field
                                         v-model="props.item.name"
                                         hide-details
@@ -108,7 +111,7 @@
                                     </v-text-field>
                                     <template v-slot:input>
                                         <v-text-field
-                                            v-model="props.item.name"
+                                            v-model="nameProp"
                                             label="Edit name"
                                             single-line>
                                         </v-text-field>
@@ -237,6 +240,8 @@ export default class CreateAssayDialog extends Vue {
     private errorActive: boolean = false;
     private errorMessage: string = "";
 
+    private nameProp: string = "";
+
     // The previous directory that was used to load an assay from.
     // (Is required to open the file dialog in the same directory on Linux)
     private previousDirectory: string = undefined;