Mercurial > gemma
annotate client/src/components/importconfiguration/types/Fairwaydimensions.vue @ 4410:3759b47f20f3
FD_import: change unit of depth to meter for consistency
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Tue, 17 Sep 2019 16:08:45 +0200 |
| parents | 439e1865a2d2 |
| children | 1ff56484db4e |
| rev | line source |
|---|---|
| 1992 | 1 <template> |
| 2 <div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
3 <div class="d-flex px-2"> |
|
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
4 <div class="flex-column w-100"> |
| 1992 | 5 <div class="flex-row text-left"> |
| 6 <small class="text-muted"> <translate>URL</translate> </small> | |
| 7 </div> | |
| 8 <div class="w-100"> | |
| 1996 | 9 <input |
|
2089
c001eb18b33d
import schedule: fairway dimension fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
10 @input="urlChanged" |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
11 class="url form-control form-control-sm" |
| 1996 | 12 type="url" |
| 13 :value="url" | |
| 1992 | 14 /> |
| 15 </div> | |
| 16 </div> | |
| 17 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
18 <div v-if="!url" class="d-flex px-2"> |
| 1992 | 19 <small |
| 20 ><translate class="text-danger">Please enter a URL</translate></small | |
| 21 > | |
| 22 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
23 <div class="d-flex px-2"> |
|
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
24 <div class="flex-column mt-2 mr-3 w-50"> |
| 1992 | 25 <div class="flex-row text-left"> |
| 26 <small class="text-muted"> <translate>Featuretype</translate> </small> | |
| 27 </div> | |
| 28 <div class="w-100"> | |
| 1996 | 29 <input |
|
2089
c001eb18b33d
import schedule: fairway dimension fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
30 @input="featureTypeChanged" |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
31 class="featuretype form-control form-control-sm" |
| 1996 | 32 type="text" |
| 33 :value="featureType" | |
| 34 /> | |
| 1992 | 35 </div> |
| 36 <div v-if="!featureType" class="d-flex flex-row"> | |
| 37 <small | |
| 38 ><translate class="text-danger" | |
| 39 >Please enter a Featuretype</translate | |
| 40 ></small | |
| 41 > | |
| 42 </div> | |
| 43 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
44 <div class="flex-column mt-2 w-50"> |
| 1992 | 45 <div class="flex-row text-left"> |
| 46 <small class="text-muted"> <translate>SortBy</translate> </small> | |
| 47 </div> | |
| 48 <div class="w-100"> | |
| 1996 | 49 <input |
|
2089
c001eb18b33d
import schedule: fairway dimension fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
50 @input="sortByChanged" |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
51 class="sortby form-control form-control-sm" |
| 1996 | 52 type="text" |
| 53 :value="sortBy" | |
| 54 /> | |
| 1992 | 55 </div> |
| 56 <div v-if="!sortBy" class="d-flex flex-row"> | |
| 57 <small | |
| 58 ><translate class="text-danger" | |
| 59 >Please enter SortBy</translate | |
| 60 ></small | |
| 61 > | |
| 62 </div> | |
| 63 </div> | |
| 64 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
65 <div class="d-flex px-2"> |
|
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
66 <div class="flex-column mt-2 mr-3 w-50"> |
| 1992 | 67 <div class="flex-row text-left"> |
| 68 <small class="text-muted"> <translate>LOS</translate> </small> | |
| 69 </div> | |
| 70 <div class="w-100"> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
71 <select v-model="los" class="form-control form-control-sm"> |
|
2099
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
72 <option>1</option> |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
73 <option>2</option> |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
74 <option>3</option> |
| 1992 | 75 </select> |
| 76 </div> | |
| 77 <div v-if="!LOS" class="d-flex flex-row"> | |
| 78 <small | |
| 79 ><translate class="text-danger" | |
| 80 >Please enter a level of service</translate | |
| 81 ></small | |
| 82 > | |
| 83 </div> | |
| 84 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
85 <div class="flex-column mt-2 w-50"> |
| 1992 | 86 <div class="flex-row text-left"> |
| 87 <small class="text-muted"> <translate>Depth</translate> </small> | |
| 88 </div> | |
| 89 <div class="d-flex flex-row"> | |
| 1996 | 90 <input |
| 91 @input="depthChanged" | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
92 class="depth form-control form-control-sm" |
| 1996 | 93 type="number" |
|
4410
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
94 :value="depthInMeter" |
|
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
95 step="0.1" |
| 1996 | 96 /> |
|
4410
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
97 <div class="ml-2 my-auto">m</div> |
| 1992 | 98 </div> |
| 99 <div v-if="!depth" class="d-flex flex-row"> | |
| 100 <small | |
| 101 ><translate class="text-danger" | |
| 102 >Please enter a depth</translate | |
| 103 ></small | |
| 104 > | |
| 105 </div> | |
| 106 </div> | |
| 107 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
108 <div class="d-flex px-2"> |
|
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
109 <div class="flex-column mt-2 mr-3 w-50"> |
| 1992 | 110 <div class="flex-row text-left"> |
| 111 <small class="text-muted"> <translate>MinWidth</translate> </small> | |
| 112 </div> | |
| 113 <div class="d-flex flex-row"> | |
| 1996 | 114 <input |
| 115 @input="minWidthChanged" | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
116 class="minwidth form-control form-control-sm" |
| 1996 | 117 type="number" |
| 118 :value="minWidth" | |
| 119 /> | |
| 1992 | 120 <div class="ml-2 my-auto"> m</div> |
| 121 </div> | |
| 122 <div v-if="!minWidth" class="d-flex flex-row"> | |
| 123 <small | |
| 124 ><translate class="text-danger" | |
| 125 >Please enter a minimum width</translate | |
| 126 ></small | |
| 127 > | |
| 128 </div> | |
| 129 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
130 <div class="flex-column mt-2 w-50"> |
| 1992 | 131 <div class="flex-row text-left"> |
| 132 <small class="text-muted"> <translate>MaxWidth</translate> </small> | |
| 133 </div> | |
| 134 <div class="d-flex flex-row"> | |
| 1996 | 135 <input |
| 136 @input="maxWidthChanged" | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
137 class="maxwidth form-control form-control-sm" |
| 1996 | 138 type="number" |
| 139 :value="maxWidth" | |
| 140 /> | |
| 1992 | 141 <div class="ml-2 my-auto"> m</div> |
| 142 </div> | |
| 143 <div v-if="!maxWidth" class="d-flex flex-row"> | |
| 144 <small | |
| 145 ><translate class="text-danger" | |
| 146 >Please enter a maximum width</translate | |
| 147 ></small | |
| 148 > | |
| 149 </div> | |
| 150 </div> | |
| 151 </div> | |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
152 <div class="d-flex px-2"> |
|
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
153 <div class="flex-column mt-2 w-50"> |
| 1992 | 154 <div class="flex-row text-left"> |
| 155 <small class="text-muted"> | |
| 156 <translate>Source orgranization</translate> | |
| 157 </small> | |
| 158 </div> | |
| 159 <div class="w-100"> | |
| 160 <input | |
|
2089
c001eb18b33d
import schedule: fairway dimension fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
161 @input="sourceOrganizationChanged" |
|
3281
439e1865a2d2
client: define stretches/imports: code cleanup / style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2979
diff
changeset
|
162 class="sourceorganization form-control form-control-sm" |
| 1992 | 163 type="text" |
| 1996 | 164 :value="sourceOrganization" |
| 1992 | 165 /> |
| 166 </div> | |
| 167 <div v-if="!sourceOrganization" class="d-flex flex-row"> | |
| 168 <small | |
| 169 ><translate class="text-danger" | |
| 170 >Please enter a source orgranization</translate | |
| 171 ></small | |
| 172 > | |
| 173 </div> | |
| 174 </div> | |
| 175 </div> | |
| 176 </div> | |
| 177 </template> | |
| 178 | |
| 179 <script> | |
| 2069 | 180 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
| 181 * without warranty, see README.md and license for details. | |
| 182 * | |
| 183 * SPDX-License-Identifier: AGPL-3.0-or-later | |
| 184 * License-Filename: LICENSES/AGPL-3.0.txt | |
| 185 * | |
| 186 * Copyright (C) 2018 by via donau | |
| 187 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
| 188 * Software engineering by Intevation GmbH | |
| 189 * | |
| 190 * Author(s): | |
| 191 * Thomas Junk <thomas.junk@intevation.de> | |
| 192 */ | |
| 1992 | 193 export default { |
| 1996 | 194 name: "fairwaydimensions", |
| 195 props: [ | |
| 196 "url", | |
| 197 "featureType", | |
| 198 "sortBy", | |
| 199 "depth", | |
| 200 "LOS", | |
| 201 "minWidth", | |
| 202 "maxWidth", | |
| 203 "sourceOrganization" | |
| 204 ], | |
| 205 methods: { | |
| 206 urlChanged(e) { | |
| 207 this.$emit("urlChanged", e.target.value); | |
| 208 }, | |
| 209 featureTypeChanged(e) { | |
| 210 this.$emit("featureTypeChanged", e.target.value); | |
| 211 }, | |
| 212 sortByChanged(e) { | |
| 213 this.$emit("sortByChanged", e.target.value); | |
| 214 }, | |
| 215 depthChanged(e) { | |
|
1999
c420add2dec2
small errors fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
1996
diff
changeset
|
216 this.$emit("depthChanged", e.target.value * 1); |
| 1996 | 217 }, |
| 218 LOSChanged(e) { | |
|
1999
c420add2dec2
small errors fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
1996
diff
changeset
|
219 this.$emit("LOSChanged", e.target.value * 1); |
| 1996 | 220 }, |
| 221 minWidthChanged(e) { | |
|
1999
c420add2dec2
small errors fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
1996
diff
changeset
|
222 this.$emit("minWidthChanged", e.target.value * 1); |
| 1996 | 223 }, |
| 224 maxWidthChanged(e) { | |
|
1999
c420add2dec2
small errors fixed
Thomas Junk <thomas.junk@intevation.de>
parents:
1996
diff
changeset
|
225 this.$emit("maxWidthChanged", e.target.value * 1); |
| 1996 | 226 }, |
| 227 sourceOrganizationChanged(e) { | |
| 228 this.$emit("sourceOrganizationChanged", e.target.value); | |
| 229 } | |
|
2099
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
230 }, |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
231 computed: { |
|
4410
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
232 depthInMeter() { |
|
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
233 return this.depth / 100; |
|
3759b47f20f3
FD_import: change unit of depth to meter for consistency
Thomas Junk <thomas.junk@intevation.de>
parents:
3281
diff
changeset
|
234 }, |
|
2099
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
235 los: { |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
236 get() { |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
237 return this.LOS; |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
238 }, |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
239 set(value) { |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
240 this.$emit("LOSChanged", value * 1); |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
241 } |
|
1baae9d31b3d
importschedule: LOS fixed, default level=3
Thomas Junk <thomas.junk@intevation.de>
parents:
2089
diff
changeset
|
242 } |
| 1996 | 243 } |
| 1992 | 244 }; |
| 245 </script> | |
| 246 | |
| 247 <style></style> |