comparison client/src/components/importconfiguration/ImportDetails.vue @ 3281:439e1865a2d2

client: define stretches/imports: code cleanup / style improvements
author Markus Kottlaender <markus@intevation.de>
date Thu, 16 May 2019 09:52:32 +0200
parents adc8e9ccf706
children 604ce439e1fd
comparison
equal deleted inserted replaced
3280:8fb81b45085f 3281:439e1865a2d2
1 <template> 1 <template>
2 <div class="mt-3 mb-3 mr-3 ml-3 text-left"> 2 <div class="text-left">
3 <small class="text-muted"> 3 <div>
4 <translate>Import type</translate> 4 <div class="p-2 pb-3 border-bottom">
5 </small> 5 <small class="text-muted">
6 <select v-model="Import" class="custom-select" id="importtype"> 6 <translate>Import type</translate>
7 <optgroup :label="regularLabel"> 7 </small>
8 <option :value="$options.IMPORTTYPES.BOTTLENECK"> 8 <select
9 <translate>Bottlenecks</translate> 9 v-model="Import"
10 </option> 10 class="custom-select custom-select-sm"
11 <option :value="$options.IMPORTTYPES.WATERWAYAXIS"> 11 id="importtype"
12 <translate>Waterway axis</translate> 12 >
13 </option> 13 <optgroup :label="regularLabel">
14 <option :value="$options.IMPORTTYPES.GAUGEMEASUREMENT"> 14 <option :value="$options.IMPORTTYPES.BOTTLENECK">
15 <translate>Gauge measurement</translate> 15 <translate>Bottlenecks</translate>
16 </option> 16 </option>
17 <option :value="$options.IMPORTTYPES.FAIRWAYAVAILABILITY"> 17 <option :value="$options.IMPORTTYPES.WATERWAYAXIS">
18 <translate>Available fairway depths</translate> 18 <translate>Waterway axis</translate>
19 </option> 19 </option>
20 <option :value="$options.IMPORTTYPES.WATERWAYAREA"> 20 <option :value="$options.IMPORTTYPES.GAUGEMEASUREMENT">
21 <translate>Waterway area</translate> 21 <translate>Gauge measurement</translate>
22 </option> 22 </option>
23 <option :value="$options.IMPORTTYPES.FAIRWAYDIMENSION"> 23 <option :value="$options.IMPORTTYPES.FAIRWAYAVAILABILITY">
24 <translate>Fairway dimension</translate> 24 <translate>Available fairway depths</translate>
25 </option> 25 </option>
26 <option :value="$options.IMPORTTYPES.WATERWAYGAUGES"> 26 <option :value="$options.IMPORTTYPES.WATERWAYAREA">
27 <translate>Waterway gauges</translate> 27 <translate>Waterway area</translate>
28 </option> 28 </option>
29 <option :value="$options.IMPORTTYPES.DISTANCEMARKSVIRTUAL"> 29 <option :value="$options.IMPORTTYPES.FAIRWAYDIMENSION">
30 <translate>Distance marks virtual</translate> 30 <translate>Fairway dimension</translate>
31 </option> 31 </option>
32 <option :value="$options.IMPORTTYPES.DISTANCEMARKSASHORE"> 32 <option :value="$options.IMPORTTYPES.WATERWAYGAUGES">
33 <translate>Distance marks ashore</translate> 33 <translate>Waterway gauges</translate>
34 </option> 34 </option>
35 </optgroup> 35 <option :value="$options.IMPORTTYPES.DISTANCEMARKSVIRTUAL">
36 <optgroup :label="onetimeLabel"> 36 <translate>Distance marks virtual</translate>
37 <option :value="$options.IMPORTTYPES.SOUNDINGRESULTS"> 37 </option>
38 <translate>Soundingresults</translate> 38 <option :value="$options.IMPORTTYPES.DISTANCEMARKSASHORE">
39 </option> 39 <translate>Distance marks ashore</translate>
40 <option :value="$options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS"> 40 </option>
41 <translate>Approved Gaugemeasurements</translate> 41 </optgroup>
42 </option> 42 <optgroup :label="onetimeLabel">
43 <option :value="$options.IMPORTTYPES.WATERWAYPROFILES"> 43 <option :value="$options.IMPORTTYPES.SOUNDINGRESULTS">
44 <translate>Waterway Profiles</translate> 44 <translate>Soundingresults</translate>
45 </option> 45 </option>
46 </optgroup> 46 <option :value="$options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS">
47 </select> 47 <translate>Approved Gaugemeasurements</translate>
48 <ApprovedGaugeMeasurement 48 </option>
49 v-if="Import === $options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS" 49 <option :value="$options.IMPORTTYPES.WATERWAYPROFILES">
50 class="mt-1" 50 <translate>Waterway Profiles</translate>
51 /> 51 </option>
52 <WaterwayProfiles 52 </optgroup>
53 class="mt-1" 53 </select>
54 v-if="Import === $options.IMPORTTYPES.WATERWAYPROFILES" 54 </div>
55 /> 55 <ApprovedGaugeMeasurement
56 <SoundingResults 56 v-if="Import === $options.IMPORTTYPES.APPROVEDGAUGEMEASUREMENTS"
57 class="mt-1" 57 class="mt-1"
58 v-if="Import === $options.IMPORTTYPES.SOUNDINGRESULTS" 58 />
59 /> 59 <WaterwayProfiles
60 <ScheduledImports 60 class="mt-1"
61 class="mt-1" 61 v-if="Import === $options.IMPORTTYPES.WATERWAYPROFILES"
62 v-if="Import && !isOnetime" 62 />
63 ></ScheduledImports> 63 <SoundingResults
64 <div v-if="!Import" class="d-flex flex-row w-100 mt-3"> 64 class="mt-1"
65 <button :key="1" @click="back()" class="ml-auto btn btn-warning"> 65 v-if="Import === $options.IMPORTTYPES.SOUNDINGRESULTS"
66 />
67 <ScheduledImports
68 class="mt-1"
69 v-if="Import && !isOnetime"
70 ></ScheduledImports>
71 </div>
72 <div v-if="!Import" class="p-2">
73 <button :key="1" @click="back()" class="btn btn-sm btn-warning">
66 Back 74 Back
67 </button> 75 </button>
68 </div> 76 </div>
69 </div> 77 </div>
70 </template> 78 </template>