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>