Mercurial > gemma
diff client/src/components/map/Main.vue @ 1394:b350b0b5cb6c
refactored fairwayprofile cross cuts
moved all profile relevant data into Fairwayprofile.vue
fixed width calculation of diagram
fix bug when switching between sounding data
fixed display/styling issue
code cleanup
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 28 Nov 2018 11:48:45 +0100 |
parents | 553aadd97087 |
children |
line wrap: on
line diff
--- a/client/src/components/map/Main.vue Wed Nov 28 11:35:14 2018 +0100 +++ b/client/src/components/map/Main.vue Wed Nov 28 11:48:45 2018 +0100 @@ -1,11 +1,7 @@ <template> <div class="main d-flex flex-column"> - <Maplayer :split="showSplitscreen"></Maplayer> - <FairwayProfile - :xScale="xAxis" - :yScaleLeft="yAxisLeft" - :yScaleRight="yAxisRight" - ></FairwayProfile> + <Maplayer></Maplayer> + <FairwayProfile></FairwayProfile> </div> </template> @@ -26,46 +22,12 @@ import Maplayer from "./Maplayer"; import FairwayProfile from "./fairway/Fairwayprofile"; -import { mapState } from "vuex"; export default { name: "mainview", components: { Maplayer, FairwayProfile - }, - computed: { - ...mapState("application", ["showSplitscreen"]), - ...mapState("fairwayprofile", [ - "minAlt", - "maxAlt", - "totalLength", - "selectedWaterLevel" - ]), - ...mapState("bottlenecks", ["surveys", "selectedSurvey"]), - xAxis() { - return [this.xScale.x, this.xScale.y]; - }, - yAxisLeft() { - const hi = Math.max(this.maxAlt, this.selectedWaterLevel); - return [this.yScaleLeft.lo, hi]; - }, - yAxisRight() { - const DELTA = this.maxAlt * 1.1 - this.maxAlt; - return [this.maxAlt * 1 + DELTA, -DELTA]; - }, - yScaleLeft() { - return { - lo: this.minAlt, - hi: this.maxAlt - }; - }, - xScale() { - return { - x: 0, - y: this.totalLength - }; - } } }; </script>