Mercurial > gemma
view client/src/components/map/layers/Layers.vue @ 1520:6ad1f431bc85
Fixed date of latest measurement in bottlenecks list.
As the time zone conversion done by geoserver leads to unexpected
results for date fields if the local timezone differs from UTC, I
replaced the date column in the bottleneck_overview view with text.
As the transport format used (JSON) does handle dates as strings
anyway we do not loose any information by doing so...
author | Sascha Wilde <wilde@intevation.de> |
---|---|
date | Thu, 06 Dec 2018 15:37:06 +0100 |
parents | 9b81ac91a43e |
children |
line wrap: on
line source
<template> <div :class="[ 'box ui-element rounded bg-white text-nowrap', { expanded: showLayers } ]" > <div style="width: 20rem"> <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> <font-awesome-icon icon="layer-group" class="mr-2"></font-awesome-icon ><translate>Layers</translate> <font-awesome-icon icon="times" class="ml-auto text-muted" @click="$store.commit('application/showLayers', false)" ></font-awesome-icon> </h6> <div class="d-flex flex-column p-3 small"> <Layerselect v-for="(layer, index) in layersForLegend" :layerindex="index" :layername="layer.name" :key="layer.name" :isVisible="layer.isVisible" @visibilityToggled="visibilityToggled" ></Layerselect> </div> </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> * Markus Kottländer <markus.kottlaender@intevation.de> */ import Layerselect from "./Layerselect"; import { mapGetters, mapState } from "vuex"; export default { name: "layers", components: { Layerselect }, computed: { ...mapGetters("map", ["layersForLegend"]), ...mapState("application", ["showLayers"]) }, methods: { visibilityToggled(layer) { this.$store.commit("map/toggleVisibility", layer); } } }; </script>