Merge pull request #27 from unipept/fix/reload-on-submit

Fix the reload of the MPA page when submitting a sample
unipept · Feb 10, 2023 · 60f2dca · 60f2dca
2 parents 47426aa + 17daae5
commit 60f2dca
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/cards/analysis/multi/CreateDatasetCard.vue b/src/components/cards/analysis/multi/CreateDatasetCard.vue
@@ -1,7 +1,7 @@
 <template>
     <v-card flat>
         <v-card-text>
-            <v-form v-model="validForm" @submit="createAssay">
+            <v-form ref="form" v-model="validForm" lazy-validation>
                 <v-row class="my-1">
                     <v-col class="pb-0" cols=12>
                         <v-textarea
@@ -31,7 +31,7 @@
                     <v-btn
                         class="text-center"
                         :disabled="!validForm"
-                        type="submit"
+                        @click="createAssay"
                     >
                         <v-icon left>mdi-plus</v-icon> Add to selected datasets
                     </v-btn>
@@ -53,6 +53,7 @@ const multiAnalysisStore = useMultiAnalysis();
 
 const { id } = useId();
 
+const form = ref(null);
 const validForm = ref(false);
 const peptideList = ref("");
 const datasetName = ref("");
@@ -78,5 +79,7 @@ const createAssay = () => {
 
     assayStore.add(assay);
     multiAnalysisStore.addAssay(assay);
+    // @ts-ignore
+    form.value.reset();
 }
 </script>
diff --git a/src/components/cards/analysis/multi/LoadPrideDatasetCard.vue b/src/components/cards/analysis/multi/LoadPrideDatasetCard.vue
@@ -35,7 +35,7 @@
         </v-card-text>
 
         <v-card-text v-else class="pt-0">
-            <v-form v-model="validForm" @submit="createAssay">
+            <v-form ref="form" v-model="validForm">
                 <v-row class="my-1">
                     <v-col class="pb-0" cols=12>
                         <v-textarea
@@ -67,7 +67,7 @@
                     <v-btn
                         class="text-center"
                         :disabled="!validForm"
-                        type="submit"
+                        @click="createAssay"
                     >
                         <v-icon left>mdi-plus</v-icon> Add to selected datasets
                     </v-btn>
@@ -97,6 +97,7 @@ const error = ref<string>("");
 const validInputForm = ref<boolean>(false);
 const prideId = ref<string>("");
 
+const form = ref(null);
 const validForm = ref(false);
 const peptideList = ref("");
 const datasetName = ref("");
@@ -153,5 +154,7 @@ const createAssay = () => {
 
     assayStore.add(assay);
     multiAnalysisStore.addAssay(assay);
+    // @ts-ignore
+    form.value.reset();
 }
 </script>