Mercurial > gemma
changeset 3352:399a2eb496ee
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; },