Mercurial > gemma

changeset 3354:e12e8bf044a6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
available_fairway_dialogue: added 2nd breadthelement
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 21 May 2019 16:11:44 +0200
parents 399a2eb496ee
children 9625c6120d18
files client/src/components/fairway/AvailableFairwayDepthDialogue.vue client/src/store/fairwayavailability.js
diffstat 2 files changed, 38 insertions(+), 9 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Tue May 21 14:24:55 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Tue May 21 16:11:44 2019 +0200
@@ -143,6 +143,7 @@
               v-model.number="depthLimit1"
               class="form-control form-control-sm"
               type="number"
+              min="0"
             />
           </div>
           <div class="d-flex flex-column w-50 ml-1">
@@ -155,20 +156,35 @@
               v-model.number="depthLimit2"
               class="form-control form-control-sm"
               type="number"
+              min="0"
             />
           </div>
         </div>
         <div class="d-flex mt-2">
           <div class="d-flex flex-column w-50 mr-1">
             <small for="from" class="my-auto text-muted">
-              <translate>Breadthlimit</translate>
+              <translate>Breadthlimit 1</translate>
             </small>
             <input
               :key="3"
               id="breadthLimit"
-              v-model.number="breadthlimit"
+              v-model.number="breadthLimit1"
               class="form-control form-control-sm"
               type="number"
+              min="0"
+            />
+          </div>
+          <div class="d-flex flex-column w-50 mr-1">
+            <small for="from" class="my-auto text-muted">
+              <translate>Breadthlimit 2</translate>
+            </small>
+            <input
+              :key="4"
+              id="breadthLimit"
+              v-model.number="breadthLimit2"
+              class="form-control form-control-sm"
+              type="number"
+              min="0"
             />
           </div>
         </div>
@@ -242,7 +258,8 @@
       "LOS",
       "depthlimit1",
       "depthlimit2",
-      "breadthlimit"
+      "breadthlimit1",
+      "breadthlimit2"
     ]),
     ...mapState("imports", [
       "stretches",
@@ -310,12 +327,20 @@
         this.$store.commit("fairwayavailability/setDepthlimit2", value);
       }
     },
-    breadthLimit: {
+    breadthLimit1: {
       get() {
-        return this.breadthlimit;
+        return this.breadthlimit1;
       },
       set(value) {
-        this.$store.commit("fairwayavailability/Breadthlimit", value);
+        this.$store.commit("fairwayavailability/setBreadthlimit1", value);
+      }
+    },
+    breadthLimit2: {
+      get() {
+        return this.breadthlimit2;
+      },
+      set(value) {
+        this.$store.commit("fairwayavailability/setBreadthlimit2", value);
       }
     },
     selectedFrequency: {
--- a/client/src/store/fairwayavailability.js	Tue May 21 14:24:55 2019 +0200
+++ b/client/src/store/fairwayavailability.js	Tue May 21 16:11:44 2019 +0200
@@ -30,7 +30,8 @@
     frequency: FREQUENCIES.MONTHLY,
     depthlimit1: 250,
     depthlimit2: 230,
-    breadthlimit: null,
+    breadthlimit1: null,
+    breadthlimit2: null,
     fwData: null,
     fwLNWLData: null,
     legend: null,
@@ -64,8 +65,11 @@
     setDepthlimit2: (state, depthlimit2) => {
       state.depthlimit2 = depthlimit2;
     },
-    setBreadthlimit1: (state, breadthlimit) => {
-      state.breadthlimit = breadthlimit;
+    setBreadthlimit1: (state, breadthlimit1) => {
+      state.breadthlimit1 = breadthlimit1;
+    },
+    setBreadthlimit2: (state, breadthlimit2) => {
+      state.breadthlimit2 = breadthlimit2;
     },
     setSelectedFairwayAvailability: (state, feature) => {
       state.selectedFairwayAvailabilityFeature = feature;