Mercurial > gemma
view client/src/components/importoverview/SoundingResultDetail.vue @ 4238:fe24cdde614d
styles-config: prepare components for WMS-Layer styling and set default color values
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Wed, 21 Aug 2019 17:21:14 +0200 |
parents | c71373594719 |
children | 8c0f2377ff47 |
line wrap: on
line source
<template> <div> <a @click="zoomTo()" class="text-info pointer"> {{ details.summary.bottleneck }} </a> </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"]) }, 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>