Mercurial > gemma
view client/src/components/map/contextbox/Contextbox.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 | bb47531bdd22 |
children |
line wrap: on
line source
<template> <div :class="style"> <div @click="close" class="ui-element close-contextbox text-muted"> <font-awesome-icon icon="times"></font-awesome-icon> </div> <Bottlenecks v-if="contextBoxContent === 'bottlenecks'"></Bottlenecks> <Importsounding v-if="contextBoxContent === 'imports'"></Importsounding> <Staging v-if="contextBoxContent === 'staging'"></Staging> </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: "contextbox", components: { Bottlenecks: () => import("./Bottlenecks"), Importsounding: () => import("./ImportSoundingresults.vue"), Staging: () => import("./Staging.vue") }, computed: { ...mapState("application", [ "showSearchbarLastState", "contextBoxContent", "showContextBox" ]), style() { return [ "ui-element shadow-xs contextbox", { contextboxcollapsed: !this.showContextBox, contextboxextended: this.showContextBox, "rounded-bottom": this.contextBoxContent !== "imports", rounded: this.contextBoxContent === "imports" } ]; } }, methods: { close() { this.$store.commit("application/showContextBox", false); this.$store.commit( "application/showSearchbar", this.showSearchbarLastState ); } } }; </script> <style lang="scss" scoped> .contextbox { position: relative; background-color: #ffffff; opacity: $slight-transparent; transition: max-width 0.3s, max-height 0.3s; overflow: hidden; background: #fff; } .contextbox > div:last-child { width: 600px; } .contextboxcollapsed { max-width: 0; max-height: 0; } .contextboxextended { max-width: 600px; max-height: 640px; } .close-contextbox { position: absolute; z-index: 2; right: 0; top: 7px; height: $icon-width; width: $icon-height; } </style>