Mercurial > gemma
view client/src/components/toolbar/Linetool.vue @ 2945:ab771ea5e4fe
client: importoverview: improved display of date interval
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Fri, 05 Apr 2019 10:37:58 +0200 |
parents | c0162cbb5775 |
children | b74ebeb2bdc8 |
line wrap: on
line source
<template> <div @click="toggleLineTool" class="toolbar-button" v-tooltip.right="label"> <font-awesome-icon icon="ruler" :class="{ 'text-info': lineTool && lineTool.getActive() }" /> </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, mapGetters } from "vuex"; import { LAYERS } from "@/store/map.js"; export default { name: "linetool", computed: { ...mapGetters("map", ["getVSourceByName"]), ...mapState("map", ["lineTool", "polygonTool", "cutTool"]), label() { return this.$gettext("Measure Distance"); } }, methods: { toggleLineTool() { this.lineTool.setActive(!this.lineTool.getActive()); this.polygonTool.setActive(false); this.cutTool.setActive(false); this.$store.commit("map/setCurrentMeasurement", null); this.getVSourceByName(LAYERS.DRAWTOOL).clear(); } } }; </script>