--- a/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 14:10:57 2019 +0200
+++ b/client/src/components/systemconfiguration/DataAccuracy.vue	Wed Jun 05 14:57:44 2019 +0200
@@ -36,7 +36,7 @@
                     min="1"
                     class="form-control form-control-sm mx-1"
                     style="width: 60px"
-                    v-model="bn_revtime_multiplier"
+                    v-model="config.bn_revtime_multiplier"
                   />
                   <translate>times the revisiting time.</translate>
                 </div>
@@ -49,7 +49,9 @@
               >
                 <span
                   v-translate="{
-                    multiplier: Number(bn_revtime_multiplier).toLocaleString()
+                    multiplier: Number(
+                      config.bn_revtime_multiplier
+                    ).toLocaleString()
                   }"
                   >The latest survey is older than <b>%{multiplier}</b> times
                   the revisiting time.</span
@@ -70,8 +72,8 @@
               >
                 <span
                   v-translate="{
-                    hours: Number(gm_latest_hours).toLocaleString(),
-                    values: Number(gm_min_values_14d).toLocaleString()
+                    hours: Number(config.gm_latest_hours).toLocaleString(),
+                    values: Number(config.gm_min_values_14d).toLocaleString()
                   }"
                   >The latest measurement is not older than
                   <b>%{hours}</b> hours and there are at least
@@ -94,7 +96,7 @@
                     min="1"
                     class="form-control form-control-sm mx-1"
                     style="width: 70px"
-                    v-model="gm_min_values_14d"
+                    v-model="config.gm_min_values_14d"
                   />
                   <translate>measurements in the last 14 days.</translate>
                 </div>
@@ -113,7 +115,7 @@
                     min="1"
                     class="form-control form-control-sm mx-1"
                     style="width: 55px"
-                    v-model="gm_latest_hours"
+                    v-model="config.gm_latest_hours"
                   />
                   <translate>days.</translate>
                 </div>
@@ -133,8 +135,10 @@
               >
                 <span
                   v-translate="{
-                    gm24: Number(gm_forecast_offset_24h).toLocaleString(),
-                    gm72: Number(gm_forecast_offset_72h).toLocaleString()
+                    gm24: Number(
+                      config.gm_forecast_offset_24h
+                    ).toLocaleString(),
+                    gm72: Number(config.gm_forecast_offset_72h).toLocaleString()
                   }"
                   >The highest confidence value is less than
                   <b>%{gm24} cm</b>
@@ -162,7 +166,7 @@
                     min="1"
                     class="form-control form-control-sm mx-1"
                     style="width: 55px"
-                    v-model="gm_forecast_offset_72h"
+                    v-model="config.gm_forecast_offset_72h"
                   />
                   cm.
                 </div>
@@ -184,7 +188,7 @@
                     min="1"
                     class="form-control form-control-sm mx-1"
                     style="width: 55px"
-                    v-model="gm_forecast_offset_24h"
+                    v-model="config.gm_forecast_offset_24h"
                   />
                   cm.
                 </div>
@@ -205,10 +209,10 @@
                 <span
                   v-translate="{
                     nsc24: Number(
-                      gm_forecast_vs_reality_nsc_24h
+                      config.gm_forecast_vs_reality_nsc_24h
                     ).toLocaleString(),
                     nsc72: Number(
-                      gm_forecast_vs_reality_nsc_72h
+                      config.gm_forecast_vs_reality_nsc_72h
                     ).toLocaleString()
                   }"
                   >The Nash-Sutcliffe coefficient is greater than
@@ -236,7 +240,7 @@
                     step="0.1"
                     class="form-control form-control-sm mx-1"
                     style="width: 70px"
-                    v-model="gm_forecast_vs_reality_nsc_72h"
+                    v-model="config.gm_forecast_vs_reality_nsc_72h"
                   />
                 </div>
               </div>
@@ -256,7 +260,7 @@
                     step="0.1"
                     class="form-control form-control-sm mx-1"
                     style="width: 70px"
-                    v-model="gm_forecast_vs_reality_nsc_24h"
+                    v-model="config.gm_forecast_vs_reality_nsc_24h"
                   />
                 </div>
               </div>
@@ -318,21 +322,15 @@
  * Markus Kottländer <markus@intevation.de>
  */
 
+import { mapState } from "vuex";
+
 export default {
-  data() {
-    return {
-      bn_revtime_multiplier: 1.5,
-      gm_min_values_14d: 1124,
-      gm_latest_hours: 24,
-      gm_forecast_offset_24h: 15,
-      gm_forecast_offset_72h: 15,
-      gm_forecast_vs_reality_nsc_24h: -12.5,
-      gm_forecast_vs_reality_nsc_72h: -12.5
-    };
+  computed: {
+    ...mapState("application", ["config"])
   },
   methods: {
     submit() {
-      console.log(this.bottleneck_surveys_revtime_multiplier);
+      this.$store.commit("application/config", this.config);
     }
   }
 };