# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1545661005 -3600
# Node ID 54f7493e5d3685fa6b3b69abab67410c6147ca4d
# Parent  7e3a705f520a21b4d6be187a7367a98510ceec4f
fix: Tooltips are working again

diff -r 7e3a705f520a -r 54f7493e5d36 client/src/components/usermanagement/Usermanagement.vue
--- a/client/src/components/usermanagement/Usermanagement.vue	Mon Dec 24 14:57:18 2018 +0100
+++ b/client/src/components/usermanagement/Usermanagement.vue	Mon Dec 24 15:16:45 2018 +0100
@@ -68,6 +68,7 @@
                     <td>{{ user.email }}</td>
                     <td>
                       <font-awesome-icon
+                        v-tooltip="roleLabel(user.role)"
                         :icon="roleIcon(user.role)"
                         @click="deleteUser(user.user)"
                       ></font-awesome-icon>
@@ -115,7 +116,7 @@
   </div>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss">
 @import "@/assets/tooltip.scss";
 
 .addbutton {
@@ -197,6 +198,12 @@
 import store from "@/store";
 import { mapGetters, mapState } from "vuex";
 import { displayError } from "@/lib/errors.js";
+import Vue from "vue";
+import { VTooltip, VPopover, VClosePopover } from "v-tooltip";
+
+Vue.directive("tooltip", VTooltip);
+Vue.directive("close-popover", VClosePopover);
+Vue.component("v-popover", VPopover);
 
 export default {
   name: "userview",
@@ -313,6 +320,14 @@
       if (role === "sys_admin") return "star";
       if (role === "waterway_admin") return ["fab", "adn"];
       return "user";
+    },
+    roleLabel(role) {
+      const labels = {
+        sys_admin: this.$gettext("System-Administrator"),
+        waterway_admin: this.$gettext("Waterway Admin"),
+        waterway_user: this.$gettext("Waterway User")
+      };
+      return labels[role];
     }
   },
   beforeRouteEnter(to, from, next) {