comparison client/src/App.vue @ 1251:d1903250390b

splitted mophtool into two components one shows the survey results and the other the info bar when a bottleneck is selected (and no profile is shown)
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:10:12 +0100
parents 104d41ea7c15
children 13abf612cd9d
comparison
equal deleted inserted replaced
1249:104d41ea7c15 1251:d1903250390b
17 </div> 17 </div>
18 </div> 18 </div>
19 <div class="flex-fill"></div> 19 <div class="flex-fill"></div>
20 <div class="d-flex flex-row align-items-end"> 20 <div class="d-flex flex-row align-items-end">
21 <Morphtool v-if="routeName == 'mainview'"></Morphtool> 21 <Morphtool v-if="routeName == 'mainview'"></Morphtool>
22 <Infobar v-if="routeName == 'mainview'"></Infobar>
22 </div> 23 </div>
23 <Zoom v-if="routeName == 'mainview'"></Zoom> 24 <Zoom v-if="routeName == 'mainview'"></Zoom>
24 </div> 25 </div>
25 <div class="d-flex flex-column"> 26 <div class="d-flex flex-column">
26 <router-view/> 27 <router-view/>
79 return routeName; 80 return routeName;
80 } 81 }
81 }, 82 },
82 components: { 83 components: {
83 Morphtool: () => import("./morphtool/Morphtool"), 84 Morphtool: () => import("./morphtool/Morphtool"),
85 Infobar: () => import("./morphtool/Infobar"),
84 Pdftool: () => import("./pdftool/Pdftool"), 86 Pdftool: () => import("./pdftool/Pdftool"),
85 Zoom: () => import("./zoom/zoom"), 87 Zoom: () => import("./zoom/zoom"),
86 Identify: () => import("./identify/Identify"), 88 Identify: () => import("./identify/Identify"),
87 Layers: () => import("./layers/Layers"), 89 Layers: () => import("./layers/Layers"),
88 Sidebar: () => import("./application/Sidebar"), 90 Sidebar: () => import("./application/Sidebar"),