Mercurial > gemma

changeset 3352:399a2eb496ee

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
available_fairway_depth_dialogue: adding limit fields. without transmission
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 21 May 2019 14:24:55 +0200
parents dcae9b3e864b
children b01bf2399c20 e12e8bf044a6
files client/src/components/fairway/AvailableFairwayDepthDialogue.vue client/src/store/fairwayavailability.js
diffstat 2 files changed, 82 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Tue May 21 12:37:48 2019 +0200
+++ b/client/src/components/fairway/AvailableFairwayDepthDialogue.vue	Tue May 21 14:24:55 2019 +0200
@@ -131,6 +131,48 @@
             />
           </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>Depthlimit 1 (in cm)</translate>
+            </small>
+            <input
+              :key="1"
+              id="depthlimit1"
+              v-model.number="depthLimit1"
+              class="form-control form-control-sm"
+              type="number"
+            />
+          </div>
+          <div class="d-flex flex-column w-50 ml-1">
+            <small for="to" class="my-auto text-muted">
+              <translate>Depthlimit 2 ( in cm)</translate>
+            </small>
+            <input
+              :key="2"
+              id="depthlimit2"
+              v-model.number="depthLimit2"
+              class="form-control form-control-sm"
+              type="number"
+            />
+          </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>
+            </small>
+            <input
+              :key="3"
+              id="breadthLimit"
+              v-model.number="breadthlimit"
+              class="form-control form-control-sm"
+              type="number"
+            />
+          </div>
+        </div>
+
         <div class="mt-3">
           <button
             @click="openFairwaydepthDiagram"
@@ -197,7 +239,10 @@
       "from",
       "to",
       "frequency",
-      "LOS"
+      "LOS",
+      "depthlimit1",
+      "depthlimit2",
+      "breadthlimit"
     ]),
     ...mapState("imports", [
       "stretches",
@@ -249,6 +294,30 @@
         this.$store.commit("fairwayavailability/setTo", value);
       }
     },
+    depthLimit1: {
+      get() {
+        return this.depthlimit1;
+      },
+      set(value) {
+        this.$store.commit("fairwayavailability/setDepthlimit1", value);
+      }
+    },
+    depthLimit2: {
+      get() {
+        return this.depthlimit2;
+      },
+      set(value) {
+        this.$store.commit("fairwayavailability/setDepthlimit2", value);
+      }
+    },
+    breadthLimit: {
+      get() {
+        return this.breadthlimit;
+      },
+      set(value) {
+        this.$store.commit("fairwayavailability/Breadthlimit", value);
+      }
+    },
     selectedFrequency: {
       get() {
         return this.frequency;
--- a/client/src/store/fairwayavailability.js	Tue May 21 12:37:48 2019 +0200
+++ b/client/src/store/fairwayavailability.js	Tue May 21 14:24:55 2019 +0200
@@ -28,6 +28,9 @@
     to: format(new Date(), "YYYY-MM-DD"),
     from: format(subYears(new Date(), 1), "YYYY-MM-DD"),
     frequency: FREQUENCIES.MONTHLY,
+    depthlimit1: 250,
+    depthlimit2: 230,
+    breadthlimit: null,
     fwData: null,
     fwLNWLData: null,
     legend: null,
@@ -55,6 +58,15 @@
     setTo: (state, to) => {
       state.to = to;
     },
+    setDepthlimit1: (state, depthlimit1) => {
+      state.depthlimit1 = depthlimit1;
+    },
+    setDepthlimit2: (state, depthlimit2) => {
+      state.depthlimit2 = depthlimit2;
+    },
+    setBreadthlimit1: (state, breadthlimit) => {
+      state.breadthlimit = breadthlimit;
+    },
     setSelectedFairwayAvailability: (state, feature) => {
       state.selectedFairwayAvailabilityFeature = feature;
     },