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>