Mercurial > gemma
diff client/src/components/Bottlenecks.vue @ 5588:94ef43fac0eb surveysperbottleneckid
Make BN for overview distinguishable
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 05 Apr 2022 10:15:37 +0200 |
parents | 271888ef85bc |
children | 826e67e959c9 |
line wrap: on
line diff
--- a/client/src/components/Bottlenecks.vue Mon Apr 04 15:30:54 2022 +0200 +++ b/client/src/components/Bottlenecks.vue Tue Apr 05 10:15:37 2022 +0200 @@ -29,7 +29,7 @@ <template v-slot:row="{ item: bottleneck }"> <div class="table-cell truncate text-left" style="width: 230px"> <a href="#" @click="selectBottleneck(bottleneck)">{{ - bottleneck.properties.name + bottleneck.properties.displayName }}</a> </div> <div class="table-cell text-center" style="width: 100px"> @@ -86,7 +86,7 @@ * Author(s): * Markus Kottländer <markus.kottlaender@intevation.de> */ -import { mapState } from "vuex"; +import { mapState, mapGetters } from "vuex"; import { HTTP } from "@/lib/http"; import { displayError } from "@/lib/errors"; import { sortTable } from "@/lib/mixins"; @@ -104,7 +104,7 @@ }, computed: { ...mapState("application", ["searchQuery", "showSearchbarLastState"]), - ...mapState("bottlenecks", ["bottlenecksList"]), + ...mapGetters("bottlenecks", ["bottlenecksForDisplay"]), bottlenecksLabel() { return this.$gettext("Bottlenecks"); }, @@ -128,7 +128,7 @@ }, methods: { filteredBottlenecks() { - return this.bottlenecksList.filter(bn => { + return this.bottlenecksForDisplay.filter(bn => { return bn.properties.name .toLowerCase() .includes(this.searchQuery.toLowerCase());