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>