Mercurial > gemma
diff client/src/components/importoverview/AdditionalDetail.vue @ 2601:b9523d876d01
overview2 WIP
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 12 Mar 2019 14:47:14 +0100 |
parents | ecec6d5aae00 |
children | 5d0e5159190f |
line wrap: on
line diff
--- a/client/src/components/importoverview/AdditionalDetail.vue Tue Mar 12 14:22:42 2019 +0100 +++ b/client/src/components/importoverview/AdditionalDetail.vue Tue Mar 12 14:47:14 2019 +0100 @@ -1,6 +1,10 @@ <template> <div> - <h1>AdditionalDetail</h1> + <div v-if="isFairwayDimension">Fairwaydimension</div> + <div v-if="isApprovedGaugeMeasurement">AGM</div> + <div v-if="isBottleneck">Bottlenecks</div> + <div v-if="isStretch">Stretch</div> + <div v-if="isSoundingResult">SoundingResult</div> </div> </template> @@ -21,7 +25,27 @@ export default { name: "additionaldetail", - props: ["entry"] + props: ["entry"], + 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"; + }, + isStretch() { + return this.kind === "ST"; + }, + isSoundingResult() { + return this.kind === "SR"; + } + } }; </script>