Mercurial > gemma
view client/src/components/importoverview/AdditionalDetail.vue @ 2715:8d96b9254465
client: waterlevel diagram: fixed console error when hovering the chart where no data is available
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Mon, 18 Mar 2019 18:14:24 +0100 |
parents | 39a05f8c34e6 |
children | 0ab7985ef008 |
line wrap: on
line source
<template> <div> <FairwayDimensionDetail :entry="entry" :details="details" v-if="isFairwayDimension" ></FairwayDimensionDetail> <ApprovedGaugeMeasurementDetail :entry="entry" :details="details" v-if="isApprovedGaugeMeasurement" ></ApprovedGaugeMeasurementDetail> <BottleneckDetail :details="details" :entry="entry" v-if="isBottleneck" ></BottleneckDetail> </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> */ export default { name: "additionaldetail", props: ["entry", "details"], components: { BottleneckDetail: () => import("./BottleneckDetail.vue"), ApprovedGaugeMeasurementDetail: () => import("./ApprovedGaugeMeasurementDetail.vue"), FairwayDimensionDetail: () => import("./FairwayDimension.vue") }, computed: { kind() { return this.entry.kind.toUpperCase(); }, isFairwayDimension() { return this.kind === "FD"; }, isApprovedGaugeMeasurement() { return this.kind === "AGM"; }, isBottleneck() { return this.kind === "BN" || this.kind === "UBN"; } } }; </script> <style lang="scss" scoped></style>