Mercurial > gemma
diff client/src/App.vue @ 649:83081ba6c9c1
feat: Linetool added
In order to draw lines for allocating profiles,
a basic implementation of line drawing was added.
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 13 Sep 2018 16:55:53 +0200 |
parents | 14dfab4e6e32 |
children | badbc0207418 |
line wrap: on
line diff
--- a/client/src/App.vue Thu Sep 13 14:11:33 2018 +0200 +++ b/client/src/App.vue Thu Sep 13 16:55:53 2018 +0200 @@ -1,12 +1,12 @@ <template> <div id="app" class="main"> - <div class="d-flex flex-column userinterface"> + <div v-if="isAuthenticated" class="d-flex flex-column userinterface"> <div class="topcontainer"> - <Topbar v-if="isAuthenticated"></Topbar> + <Topbar :routeName="routeName"></Topbar> </div> <div class="midcontainer d-flex flex-row"> <div class="leftcontainer"> - <Sidebar v-if="isAuthenticated"></Sidebar> + <Sidebar></Sidebar> </div> <div class="middle"> @@ -16,7 +16,8 @@ </div> </div> <div class="bottomcontainer d-flex flex-row align-items-end"> - <Userbar v-if="isAuthenticated"></Userbar> + <Userbar></Userbar> + <Linetool v-if="routeName != 'usermanagement'"></Linetool> </div> </div> <div class="d-flex flex-column"> @@ -87,16 +88,22 @@ import Topbar from "./application/Topbar"; import { mapGetters } from "vuex"; import Userbar from "./application/Userbar"; +import Linetool from "./application/Linetool"; export default { name: "app", computed: { - ...mapGetters("user", ["isAuthenticated"]) + ...mapGetters("user", ["isAuthenticated"]), + routeName() { + const routeName = this.$route.name; + return routeName; + } }, components: { Sidebar, Topbar, - Userbar + Userbar, + Linetool } }; </script>