comparison client/src/components/importoverview/SoundingResultDetail.vue @ 4407:8c0f2377ff47

import_overview: DSR review details added
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 17 Sep 2019 10:29:36 +0200
parents c71373594719
children 3b842e951317
comparison
equal deleted inserted replaced
4406:d336a78985ad 4407:8c0f2377ff47
1 <template> 1 <template>
2 <div> 2 <div>
3 <a @click="zoomTo()" class="text-info pointer"> 3 <a v-if="isSR" @click="zoomTo()" class="text-info pointer">
4 {{ details.summary.bottleneck }} 4 {{ details.summary.bottleneck }}
5 </a> 5 </a>
6 <div class="d-flex flex-column" v-if="isDSR">
7 <span>
8 <translate>Bottleneck: </translate>
9 {{ details.summary["bottleneck-id"] }}
10 </span>
11 <span>
12 <translate>Survey from: </translate>
13 {{ details.summary["date-info"] | surveyDate }}
14 </span>
15 </div>
6 </div> 16 </div>
7 </template> 17 </template>
8 18
9 <script> 19 <script>
10 /* This is Free Software under GNU Affero General Public License v >= 3.0 20 /* This is Free Software under GNU Affero General Public License v >= 3.0
27 props: ["entry"], 37 props: ["entry"],
28 mounted() { 38 mounted() {
29 this.$store.commit("imports/hideAdditionalInfo"); 39 this.$store.commit("imports/hideAdditionalInfo");
30 }, 40 },
31 computed: { 41 computed: {
32 ...mapState("imports", ["showAdditional", "details"]) 42 ...mapState("imports", ["showAdditional", "details"]),
43 isSR() {
44 return this.entry.kind.toUpperCase() === "SR";
45 },
46 isDSR() {
47 return this.entry.kind.toUpperCase() === "DSR";
48 }
33 }, 49 },
34 methods: { 50 methods: {
35 zoomTo() { 51 zoomTo() {
36 const { lat, lon, bottleneck, date } = this.details.summary; 52 const { lat, lon, bottleneck, date } = this.details.summary;
37 this.$store.dispatch("map/moveMap", { 53 this.$store.dispatch("map/moveMap", {