Mercurial > gemma
comparison client/src/components/toolbar/Gauges.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 | 5fa1ad39e1bc |
| children | 6c5364ff0abb |
comparison
equal
deleted
inserted
replaced
| 2899:eb9651074b88 | 2900:2097c3633f0a |
|---|---|
| 1 <template> | 1 <template> |
| 2 <div | 2 <div |
| 3 @click="$store.commit('application/showGauges', !showGauges)" | 3 @click="$store.commit('application/showGauges', !showGauges)" |
| 4 class="toolbar-button" | 4 class="toolbar-button" |
| 5 v-tooltip="label" | |
| 5 > | 6 > |
| 6 <font-awesome-icon | 7 <font-awesome-icon |
| 7 icon="ruler-vertical" | 8 icon="ruler-vertical" |
| 8 :class="{ 'text-info': showGauges }" | 9 :class="{ 'text-info': showGauges }" |
| 9 ></font-awesome-icon> | 10 ></font-awesome-icon> |
| 26 */ | 27 */ |
| 27 import { mapState } from "vuex"; | 28 import { mapState } from "vuex"; |
| 28 | 29 |
| 29 export default { | 30 export default { |
| 30 computed: { | 31 computed: { |
| 31 ...mapState("application", ["showGauges"]) | 32 ...mapState("application", ["showGauges"]), |
| 33 label() { | |
| 34 return this.$gettext("Gauges"); | |
| 35 } | |
| 32 } | 36 } |
| 33 }; | 37 }; |
| 34 </script> | 38 </script> |