Mercurial > gemma
comparison client/src/components/toolbar/Profiles.vue @ 2900:2097c3633f0a
client: added tooltips to toolbar buttons
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Tue, 02 Apr 2019 14:52:38 +0200 |
| parents | 0ded4c56978e |
| children | 6c5364ff0abb |
comparison
equal
deleted
inserted
replaced
| 2899:eb9651074b88 | 2900:2097c3633f0a |
|---|---|
| 1 <template> | 1 <template> |
| 2 <div | 2 <div |
| 3 @click="$store.commit('application/showProfiles', !showProfiles)" | 3 @click="$store.commit('application/showProfiles', !showProfiles)" |
| 4 class="toolbar-button" | 4 class="toolbar-button" |
| 5 v-tooltip="label" | |
| 5 > | 6 > |
| 6 <font-awesome-icon | 7 <font-awesome-icon |
| 7 icon="chart-area" | 8 icon="chart-area" |
| 8 :class="{ 'text-info': showProfiles }" | 9 :class="{ 'text-info': showProfiles }" |
| 9 ></font-awesome-icon> | 10 ></font-awesome-icon> |
| 27 import { mapState } from "vuex"; | 28 import { mapState } from "vuex"; |
| 28 | 29 |
| 29 export default { | 30 export default { |
| 30 name: "profiles", | 31 name: "profiles", |
| 31 computed: { | 32 computed: { |
| 32 ...mapState("application", ["showProfiles"]) | 33 ...mapState("application", ["showProfiles"]), |
| 34 label() { | |
| 35 return this.$gettext("Profiles"); | |
| 36 } | |
| 33 } | 37 } |
| 34 }; | 38 }; |
| 35 </script> | 39 </script> |