Mercurial > gemma
view client/src/components/importoverview/SoundingResultDetail.vue @ 4988:61eb65394a13
Only use JSON path when configure feature layers with Geoserver REST API.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Thu, 05 Mar 2020 11:59:11 +0100 |
parents | 8c0f2377ff47 |
children | 3b842e951317 |
line wrap: on
line source
<template> <div> <a v-if="isSR" @click="zoomTo()" class="text-info pointer"> {{ details.summary.bottleneck }} </a> <div class="d-flex flex-column" v-if="isDSR"> <span> <translate>Bottleneck: </translate> {{ details.summary["bottleneck-id"] }} </span> <span> <translate>Survey from: </translate> {{ details.summary["date-info"] | surveyDate }} </span> </div> </div> </template> <script> /* This is Free Software under GNU Affero General Public License v >= 3.0 * without warranty, see README.md and license for details. * * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH * * Author(s): * Thomas Junk <thomas.junk@intevation.de> */ import { mapState } from "vuex"; export default { name: "soundingresultdetails", props: ["entry"], mounted() { this.$store.commit("imports/hideAdditionalInfo"); }, computed: { ...mapState("imports", ["showAdditional", "details"]), isSR() { return this.entry.kind.toUpperCase() === "SR"; }, isDSR() { return this.entry.kind.toUpperCase() === "DSR"; } }, methods: { zoomTo() { const { lat, lon, bottleneck, date } = this.details.summary; this.$store.dispatch("map/moveMap", { coordinates: [lat, lon], zoom: 17, preventZoomOut: true }); this.$store .dispatch("bottlenecks/setSelectedBottleneck", bottleneck) .then(() => { this.$store.commit("bottlenecks/setSelectedSurveyByDate", date); }); } } }; </script> <style></style>