From 70fb6a23879a1241f6b06fe62b1818da60649331 Mon Sep 17 00:00:00 2001
From: Remi Planel <rplanel@pasteur.fr>
Date: Wed, 20 Apr 2022 14:52:09 +0200
Subject: [PATCH] add button to clear form

---
 client-nuxt/components/AddExperimentForm.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/client-nuxt/components/AddExperimentForm.vue b/client-nuxt/components/AddExperimentForm.vue
index 746e697f..4e225a03 100644
--- a/client-nuxt/components/AddExperimentForm.vue
+++ b/client-nuxt/components/AddExperimentForm.vue
@@ -150,6 +150,7 @@
           <error-alert v-if="error" :error-message="error"></error-alert
         ></v-card-text>
         <v-card-actions>
+          <v-btn color="error" @click="clearExperimentForm">clear</v-btn>
           <!-- :disabled="invalid || !validated" -->
           <v-btn type="submit" color="primary" class="mr-4" :disabled="invalid"
             >submit</v-btn
@@ -305,8 +306,16 @@ export default {
     }
   },
   methods: {
-    disabled(invalid, validated) {
-      return invalid || !validated
+    clearExperimentForm() {
+      this.clearExperiment(this.projectId)
+      const {
+        experiment: { name, description, file },
+        experimentMetadata,
+      } = this.$store.getters.getExperimentToAdd(this.projectId)
+      this.computedExperimentName = name
+      this.computedExperimentDescription = description
+      this.computedExperimentFile = file
+      this.computedPhenotypeCategory = experimentMetadata
     },
     submit() {
       console.log('try to submit')
-- 
GitLab