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>