Mercurial > gemma
view client/src/components/importoverview/AdditionalDetail.vue @ 2894:95e40c87a943
client: applied component name change where it is used
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 02 Apr 2019 12:17:52 +0200 |
parents | 0ab7985ef008 |
children | 399b03e59411 |
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> */ import { mapState } from "vuex"; export default { name: "additionaldetail", props: ["entry"], components: { BottleneckDetail: () => import("./BottleneckDetail.vue"), ApprovedGaugeMeasurementDetail: () => import("./ApprovedGaugeMeasurementDetail.vue"), FairwayDimensionDetail: () => import("./FairwayDimension.vue") }, computed: { ...mapState("imports", ["showLogs", "details"]), 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>