Mercurial > gemma
view client/src/components/toolbar/Polygontool.vue @ 4837:3b0ec9b56d7c
Merged
author | Sascha Wilde <wilde@intevation.de> |
---|---|
date | Fri, 08 Nov 2019 13:10:56 +0100 |
parents | 87e0422cffa7 |
children |
line wrap: on
line source
<template> <div @click="toggle" class="toolbar-button" v-tooltip.right="label"> <font-awesome-icon icon="draw-polygon" :class="{ 'text-info': polygonToolEnabled }" /> </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): * Markus Kottländer <markus.kottlaender@intevation.de> */ import { mapState } from "vuex"; export default { name: "polygontool", computed: { ...mapState("map", ["openLayersMaps", "polygonToolEnabled"]), label() { return this.$gettext("Measure Area"); } }, methods: { toggle() { this.$store.commit("map/polygonToolEnabled", !this.polygonToolEnabled); this.$store.commit("map/lineToolEnabled", false); this.$store.commit("map/cutToolEnabled", false); this.$store.commit("map/setCurrentMeasurement", null); this.openLayersMaps.forEach(m => { m.getLayer("DRAWTOOL") .getSource() .clear(); }); } } }; </script>