Mercurial > gemma
comparison client/src/components/toolbar/Identify.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 | 7fe2f5d334dc |
children | 6c5364ff0abb |
comparison
equal
deleted
inserted
replaced
2899:eb9651074b88 | 2900:2097c3633f0a |
---|---|
1 <template> | 1 <template> |
2 <div | 2 <div |
3 @click="$store.commit('application/showIdentify', !showIdentify)" | 3 @click="$store.commit('application/showIdentify', !showIdentify)" |
4 class="toolbar-button" | 4 class="toolbar-button" |
5 v-tooltip="label" | |
5 > | 6 > |
6 <font-awesome-icon | 7 <font-awesome-icon |
7 icon="info" | 8 icon="info" |
8 :class="{ 'text-info': showIdentify }" | 9 :class="{ 'text-info': showIdentify }" |
9 ></font-awesome-icon> | 10 ></font-awesome-icon> |
44 ...mapState("application", ["showIdentify"]), | 45 ...mapState("application", ["showIdentify"]), |
45 ...mapState("map", ["currentMeasurement"]), | 46 ...mapState("map", ["currentMeasurement"]), |
46 ...mapGetters("map", ["filteredIdentifiedFeatures"]), | 47 ...mapGetters("map", ["filteredIdentifiedFeatures"]), |
47 badgeCount() { | 48 badgeCount() { |
48 return this.filteredIdentifiedFeatures.length + !!this.currentMeasurement; | 49 return this.filteredIdentifiedFeatures.length + !!this.currentMeasurement; |
50 }, | |
51 label() { | |
52 return this.$gettext("Identified Features"); | |
49 } | 53 } |
50 } | 54 } |
51 }; | 55 }; |
52 </script> | 56 </script> |