diff client/src/components/importconfiguration/ImportDetails.vue @ 2974:e161e1ffb6b5 unified_import

unified_imports: AGM moved to new interface
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 08 Apr 2019 16:44:15 +0200
parents 6f351e00e579
children 2a29bf8776d0
line wrap: on
line diff
--- a/client/src/components/importconfiguration/ImportDetails.vue	Mon Apr 08 15:50:38 2019 +0200
+++ b/client/src/components/importconfiguration/ImportDetails.vue	Mon Apr 08 16:44:15 2019 +0200
@@ -1,49 +1,50 @@
 <template>
-  <div>
-    <div class="mb-3">
-      <select v-model="Import" class="custom-select" id="importtype">
-        <optgroup :label="regularLabel">
-          <option :value="$options.IMPORTTYPES.BOTTLENECK">
-            <translate>Bottlenecks</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.WATERWAYAXIS">
-            <translate>Waterway axis</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.GAUGEMEASUREMENT">
-            <translate>Gauge measurement</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.FAIRWAYAVAILABILITY">
-            <translate>Available fairway depths</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.WATERWAYAREA">
-            <translate>Waterway area</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.FAIRWAYDIMENSION">
-            <translate>Fairway dimension</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.WATERWAYGAUGES">
-            <translate>Waterway gauges</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.DISTANCEMARKSVIRTUAL">
-            <translate>Distance marks virtual</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.DISTANCEMARKSASHORE">
-            <translate>Distance marks ashore</translate>
-          </option>
-        </optgroup>
-        <optgroup :label="onetimeLabel">
-          <option :value="$options.IMPORTTYPES.SOUNDINGRESULTS">
-            <translate>Soundingresults</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS">
-            <translate>Approved Gaugemeasurements</translate>
-          </option>
-          <option :value="$options.IMPORTTYPES.WATERWAYPROFILES">
-            <translate>Waterway Profiles</translate>
-          </option>
-        </optgroup>
-      </select>
-    </div>
+  <div class="mt-3 mb-3 mr-3 ml-3">
+    <select v-model="Import" class="custom-select" id="importtype">
+      <optgroup :label="regularLabel">
+        <option :value="$options.IMPORTTYPES.BOTTLENECK">
+          <translate>Bottlenecks</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.WATERWAYAXIS">
+          <translate>Waterway axis</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.GAUGEMEASUREMENT">
+          <translate>Gauge measurement</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.FAIRWAYAVAILABILITY">
+          <translate>Available fairway depths</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.WATERWAYAREA">
+          <translate>Waterway area</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.FAIRWAYDIMENSION">
+          <translate>Fairway dimension</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.WATERWAYGAUGES">
+          <translate>Waterway gauges</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.DISTANCEMARKSVIRTUAL">
+          <translate>Distance marks virtual</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.DISTANCEMARKSASHORE">
+          <translate>Distance marks ashore</translate>
+        </option>
+      </optgroup>
+      <optgroup :label="onetimeLabel">
+        <option :value="$options.IMPORTTYPES.SOUNDINGRESULTS">
+          <translate>Soundingresults</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS">
+          <translate>Approved Gaugemeasurements</translate>
+        </option>
+        <option :value="$options.IMPORTTYPES.WATERWAYPROFILES">
+          <translate>Waterway Profiles</translate>
+        </option>
+      </optgroup>
+    </select>
+    <ApprovedGaugeMeasurement
+      v-if="Import === $options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS"
+    />
   </div>
 </template>
 
@@ -75,6 +76,10 @@
 // import { HTTP } from "@/lib/http";
 
 export default {
+  components: {
+    ApprovedGaugeMeasurement: () =>
+      import("./ImportApprovedGaugeMeasurement.vue")
+  },
   data() {
     return {};
   },