Mercurial > gemma
changeset 3354:e12e8bf044a6
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;