Mercurial > gemma

diff client/src/components/App.vue @ 2596:8774054959a7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: added Gauges dialog/tool to show waterlevel diagrams
author Markus Kottlaender <markus@intevation.de>
date Tue, 12 Mar 2019 12:07:02 +0100
parents 83b938bf4da9
children eb3d7a429eb0
line wrap: on
line diff
--- a/client/src/components/App.vue	Tue Mar 12 11:44:29 2019 +0100
+++ b/client/src/components/App.vue	Tue Mar 12 12:07:02 2019 +0100
@@ -3,30 +3,31 @@
     <div v-if="isAuthenticated" class="d-flex flex-column userinterface">
       <div class="d-flex p-2">
         <div class="mr-auto d-flex">
-          <Sidebar :routeName="routeName"></Sidebar>
+          <Sidebar :routeName="routeName" />
           <div :class="searchContainer">
-            <Search v-if="isMapVisible"></Search>
-            <Contextbox v-if="isMapVisible"></Contextbox>
+            <Search v-if="isMapVisible" />
+            <Contextbox v-if="isMapVisible" />
           </div>
         </div>
         <div class="ml-auto d-flex">
           <div class="d-flex flex-column align-items-end">
-            <Profiles v-if="isMapVisible"></Profiles>
-            <Pdftool v-if="isMapVisible"></Pdftool>
+            <Profiles v-if="isMapVisible" />
+            <Gauges v-if="isMapVisible" />
+            <Pdftool v-if="isMapVisible" />
           </div>
           <div class="d-flex flex-column align-items-end">
-            <Identify v-if="isMapVisible"></Identify>
-            <Layers v-if="isMapVisible"></Layers>
+            <Identify v-if="isMapVisible" />
+            <Layers v-if="isMapVisible" />
           </div>
-          <Toolbar v-if="isMapVisible"></Toolbar>
+          <Toolbar v-if="isMapVisible" />
         </div>
       </div>
-      <Zoom v-if="isMapVisible"></Zoom>
+      <Zoom v-if="isMapVisible" />
       <Splitscreen v-if="isMapVisible" />
       <MinimizedSplitscreens v-if="isMapVisible" />
     </div>
     <router-view />
-    <vue-snotify></vue-snotify>
+    <vue-snotify />
     <Popup />
   </div>
 </template>
@@ -95,6 +96,7 @@
   },
   components: {
     Profiles: () => import("./fairway/Profiles"),
+    Gauges: () => import("./gauge/Gauges"),
     Pdftool: () => import("./Pdftool"),
     Zoom: () => import("./Zoom"),
     Identify: () => import("./identify/Identify"),