Mercurial > gemma
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() { |