Mercurial > gemma

comparison client/src/components/App.vue @ 1372:553aadd97087

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
new cross profile workflow (WIP) Needs fixing of some bugs and not so nice looks.
author Markus Kottlaender <markus@intevation.de>
date Tue, 27 Nov 2018 12:59:26 +0100
parents d1d8c7bd16a1
children bb47531bdd22
comparison
equal deleted inserted replaced
1371:5b9b8eabcd01 1372:553aadd97087
9 <Contextbox v-if="routeName == 'mainview'"></Contextbox> 9 <Contextbox v-if="routeName == 'mainview'"></Contextbox>
10 </div> 10 </div>
11 </div> 11 </div>
12 <div class="ml-auto d-flex"> 12 <div class="ml-auto d-flex">
13 <div class="d-flex flex-column align-items-end"> 13 <div class="d-flex flex-column align-items-end">
14 <Layers v-if="routeName == 'mainview'"></Layers> 14 <Profiles v-if="routeName == 'mainview'"></Profiles>
15 <Pdftool v-if="routeName == 'mainview'"></Pdftool>
15 </div> 16 </div>
16 <div class="d-flex flex-column align-items-end"> 17 <div class="d-flex flex-column align-items-end">
17 <Identify v-if="routeName == 'mainview'"></Identify> 18 <Identify v-if="routeName == 'mainview'"></Identify>
18 <Pdftool v-if="routeName == 'mainview'"></Pdftool> 19 <Layers v-if="routeName == 'mainview'"></Layers>
19 </div> 20 </div>
20 <Toolbar v-if="routeName == 'mainview'"></Toolbar> 21 <Toolbar v-if="routeName == 'mainview'"></Toolbar>
21 </div> 22 </div>
22 </div> 23 </div>
23 <div class="flex-fill"></div> 24 <div class="flex-fill"></div>
24 <div class="d-flex flex-row align-items-end"> 25 <div class="d-flex flex-row align-items-end">
25 <Surveys v-if="routeName == 'mainview'"></Surveys>
26 <Infobar v-if="routeName == 'mainview'"></Infobar> 26 <Infobar v-if="routeName == 'mainview'"></Infobar>
27 </div> 27 </div>
28 <Zoom v-if="routeName == 'mainview'"></Zoom> 28 <Zoom v-if="routeName == 'mainview'"></Zoom>
29 </div> 29 </div>
30 <div class="d-flex flex-column"> 30 <div class="d-flex flex-column">
84 const routeName = this.$route.name; 84 const routeName = this.$route.name;
85 return routeName; 85 return routeName;
86 } 86 }
87 }, 87 },
88 components: { 88 components: {
89 Surveys: () => import("./map/fairway/Surveys"), 89 Profiles: () => import("./map/fairway/Profiles"),
90 Infobar: () => import("./map/fairway/Infobar"), 90 Infobar: () => import("./map/fairway/Infobar"),
91 Pdftool: () => import("./map/Pdftool"), 91 Pdftool: () => import("./map/Pdftool"),
92 Zoom: () => import("./map/Zoom"), 92 Zoom: () => import("./map/Zoom"),
93 Identify: () => import("./map/Identify"), 93 Identify: () => import("./map/Identify"),
94 Layers: () => import("./map/layers/Layers"), 94 Layers: () => import("./map/layers/Layers"),