Mercurial > gemma
changeset 1674:54f7493e5d36
fix: Tooltips are working again
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Mon, 24 Dec 2018 15:16:45 +0100 |
parents | 7e3a705f520a |
children | 8fec3887c7e5 |
files | client/src/components/usermanagement/Usermanagement.vue |
diffstat | 1 files changed, 16 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- 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) {