Mercurial > gemma
comparison client/src/application/Main.vue @ 802:327aa4a18a1c
Fairway profile WIP
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 27 Sep 2018 13:36:43 +0200 |
parents | 1bee00039973 |
children | 07be3e5f99a9 |
comparison
equal
deleted
inserted
replaced
801:b6a1779ffb42 | 802:327aa4a18a1c |
---|---|
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 :waterLevels="waterLevels" :data="currentProfile" :height="height" :width="width" :xScale="xAxis" :yScaleLeft="yAxisLeft" :yScaleRight="yAxisRight" :margin="margins" :totalLength="totalLength"></FairwayProfile> | 5 <FairwayProfile :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"> |
47 ...mapGetters("fairwayprofile", [ | 47 ...mapGetters("fairwayprofile", [ |
48 "currentProfile", | 48 "currentProfile", |
49 "minAlt", | 49 "minAlt", |
50 "maxAlt", | 50 "maxAlt", |
51 "totalLength", | 51 "totalLength", |
52 "waterLevels" | 52 "waterLevels", |
53 "fairwayCoordinates" | |
53 ]), | 54 ]), |
54 xAxis() { | 55 xAxis() { |
55 return [this.xScale.x, this.xScale.y]; | 56 return [this.xScale.x, this.xScale.y]; |
56 }, | 57 }, |
57 yAxisLeft() { | 58 yAxisLeft() { |