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