Mercurial > gemma

comparison client/src/App.vue @ 1073:7845c599f4c9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
feat: zoombuttons
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 26 Oct 2018 12:53:52 +0200
parents 1ff8c072df18
children 4a0b62876a5f
comparison
equal deleted inserted replaced
1072:23b1d8c0e782 1073:7845c599f4c9
5 <Topbar :routeName="routeName"></Topbar> 5 <Topbar :routeName="routeName"></Topbar>
6 </div> 6 </div>
7 <div class="midcontainer d-flex flex-row"> 7 <div class="midcontainer d-flex flex-row">
8 <div class="leftcontainer"> 8 <div class="leftcontainer">
9 <Sidebar></Sidebar> 9 <Sidebar></Sidebar>
10 <Zoom></Zoom>
10 <Bottlenecks></Bottlenecks> 11 <Bottlenecks></Bottlenecks>
11 </div> 12 </div>
12 <div class="middle"> 13 <div class="middle"></div>
13 14 <div class="rightcontainer"></div>
14 </div>
15 <div class="rightcontainer">
16
17 </div>
18 </div> 15 </div>
19 <div class="bottomcontainer d-flex flex-row align-items-end"> 16 <div class="bottomcontainer d-flex flex-row align-items-end">
20 <Userbar></Userbar> 17 <Userbar></Userbar>
21 <Morphtool v-if="routeName == 'mainview'"></Morphtool> 18 <Morphtool v-if="routeName == 'mainview'"></Morphtool>
22 <Linetool v-if="routeName == 'mainview'"></Linetool> 19 <Linetool v-if="routeName == 'mainview'"></Linetool>
23 <Pdftool v-if="routeName == 'mainview'"></Pdftool> 20 <Pdftool v-if="routeName == 'mainview'"></Pdftool>
24 </div> 21 </div>
25 </div> 22 </div>
26 <div class="d-flex flex-column"> 23 <div class="d-flex flex-column">
27 <router-view /> 24 <router-view/>
28 </div> 25 </div>
29 </div> 26 </div>
30 </template> 27 </template>
31 28
32 <style lang="scss"> 29 <style lang="scss">
108 import { mapGetters } from "vuex"; 105 import { mapGetters } from "vuex";
109 import Userbar from "./application/Userbar"; 106 import Userbar from "./application/Userbar";
110 import Linetool from "./linetool/Linetool"; 107 import Linetool from "./linetool/Linetool";
111 import Morphtool from "./morphtool/Morphtool"; 108 import Morphtool from "./morphtool/Morphtool";
112 import Pdftool from "./pdftool/Pdftool"; 109 import Pdftool from "./pdftool/Pdftool";
110 import Zoom from "./zoom/zoom";
113 111
114 export default { 112 export default {
115 name: "app", 113 name: "app",
116 computed: { 114 computed: {
117 ...mapGetters("user", ["isAuthenticated"]), 115 ...mapGetters("user", ["isAuthenticated"]),
125 Bottlenecks, 123 Bottlenecks,
126 Topbar, 124 Topbar,
127 Userbar, 125 Userbar,
128 Linetool, 126 Linetool,
129 Morphtool, 127 Morphtool,
130 Pdftool 128 Pdftool,
129 Zoom
131 } 130 }
132 }; 131 };
133 </script> 132 </script>