Mercurial > gemma
comparison client/src/components/toolbar/Statistics.vue @ 3231:2dab20bed284
show_statistics: refac to fairwayavailability
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 10 May 2019 10:28:37 +0200 |
parents | 4f4905b57fcf |
children |
comparison
equal
deleted
inserted
replaced
3230:128d686c3950 | 3231:2dab20bed284 |
---|---|
1 <template> | 1 <template> |
2 <div class="toolbar-button" v-tooltip.right="label"> | 2 <div class="toolbar-button" v-tooltip.right="label"> |
3 <font-awesome-icon | 3 <font-awesome-icon |
4 @click="$store.commit('application/showStatistics', !showStatistics)" | 4 @click="$store.commit('application/showFairwayDepth', !showFairwayDepth)" |
5 icon="chart-line" | 5 icon="chart-line" |
6 :class="{ 'text-info': showStatistics }" | 6 :class="{ 'text-info': showFairwayDepth }" |
7 /> | 7 /> |
8 </div> | 8 </div> |
9 </template> | 9 </template> |
10 | 10 |
11 <script> | 11 <script> |
25 */ | 25 */ |
26 import { mapState } from "vuex"; | 26 import { mapState } from "vuex"; |
27 | 27 |
28 export default { | 28 export default { |
29 computed: { | 29 computed: { |
30 ...mapState("application", ["showStatistics"]), | 30 ...mapState("application", ["showFairwayDepth"]), |
31 label() { | 31 label() { |
32 return this.$gettext("Statistics"); | 32 return this.$gettext("Available fairway depth"); |
33 } | 33 } |
34 } | 34 } |
35 }; | 35 }; |
36 </script> | 36 </script> |