From df33d27f4da1b83903edd90d356339db862af6bc Mon Sep 17 00:00:00 2001
From: Marc Hanisch <mhanisch@gfz-potsdam.de>
Date: Fri, 5 Mar 2021 13:52:27 +0100
Subject: [PATCH] check if form is valid before saving

---
 pages/devices/_deviceId/basic/edit.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pages/devices/_deviceId/basic/edit.vue b/pages/devices/_deviceId/basic/edit.vue
index 4fdf8ba76..d8b415e37 100644
--- a/pages/devices/_deviceId/basic/edit.vue
+++ b/pages/devices/_deviceId/basic/edit.vue
@@ -20,11 +20,10 @@
         apply
       </v-btn>
     </v-card-actions>
-    <v-card-text>
-      <DeviceBasicDataForm
-        v-model="deviceCopy"
-      />
-    </v-card-text>
+    <DeviceBasicDataForm
+      ref="basicForm"
+      v-model="deviceCopy"
+    />
     <v-card-actions>
       <v-spacer />
       <v-btn
@@ -76,6 +75,10 @@ export default class DeviceEditBasicPage extends Vue {
   }
 
   onSaveButtonClicked () {
+    if (!(this.$refs.basicForm as Vue & { validateForm: () => boolean }).validateForm()) {
+      this.$store.commit('snackbar/setError', 'Please correct your input')
+      return
+    }
     this.save().then((device) => {
       this.$emit('input', device)
       this.$router.push('/devices/' + this.deviceId + '/basic')
-- 
GitLab