comparison client/src/application/Main.vue @ 841:07be3e5f99a9

WIP Fairwayprofile
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 28 Sep 2018 11:23:50 +0200
parents 327aa4a18a1c
children c2cba785ca4d
comparison
equal deleted inserted replaced
840:0f61bfc21041 841:07be3e5f99a9
1 <template> 1 <template>
2 <div class="main d-flex flex-column"> 2 <div class="main d-flex flex-column">
3 <Maplayer :drawMode="drawMode" :split="isSplitscreen" :lat="6155376" :long="1819178" :zoom="11"></Maplayer> 3 <Maplayer :drawMode="drawMode" :split="isSplitscreen" :lat="6155376" :long="1819178" :zoom="11"></Maplayer>
4 <div v-if="isSplitscreen" class="profile d-flex flex-row"> 4 <div v-if="isSplitscreen" class="profile d-flex flex-row">
5 <FairwayProfile :fairwayCoordinates="fairwayCoordinates" :waterLevels="waterLevels" :data="currentProfile" :height="height" :width="width" :xScale="xAxis" :yScaleLeft="yAxisLeft" :yScaleRight="yAxisRight" :margin="margins" :totalLength="totalLength"></FairwayProfile> 5 <FairwayProfile :selectedWaterLevel="selectedWaterLevel" :fairwayCoordinates="fairwayCoordinates" :waterLevels="waterLevels" :data="currentProfile" :height="height" :width="width" :xScale="xAxis" :yScaleLeft="yAxisLeft" :yScaleRight="yAxisRight" :margin="margins" :totalLength="totalLength"></FairwayProfile>
6 </div> 6 </div>
7 </div> 7 </div>
8 </template> 8 </template>
9 9
10 <style lang="scss"> 10 <style lang="scss">
48 "currentProfile", 48 "currentProfile",
49 "minAlt", 49 "minAlt",
50 "maxAlt", 50 "maxAlt",
51 "totalLength", 51 "totalLength",
52 "waterLevels", 52 "waterLevels",
53 "fairwayCoordinates" 53 "fairwayCoordinates",
54 "selectedWaterLevel"
54 ]), 55 ]),
55 xAxis() { 56 xAxis() {
56 return [this.xScale.x, this.xScale.y]; 57 return [this.xScale.x, this.xScale.y];
57 }, 58 },
58 yAxisLeft() { 59 yAxisLeft() {