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>