Mercurial > gemma
annotate client/src/components/importconfiguration/types/Waterwayarea.vue @ 4329:83eb99662a91
client: improve ability to test FW diagrams
* Restructure code in fairwayavailability.js to seperate external data
retrieval and adding the data into the store. Good side effects are
that using a mutation for setting test data is easier and only
one commit call is necessary, which means less clutter in the state history.
* Adding an example how to use this for testing to docs/developers.md .
* Bump copyright year for one file.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Wed, 04 Sep 2019 17:05:43 +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 |
2088
e972567100d3
input events for import schedule
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 |
2088
e972567100d3
input events for import schedule
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 |
2088
e972567100d3
input events for import schedule
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> | |
65 </div> | |
66 </template> | |
67 | |
68 <script> | |
2069 | 69 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
70 * without warranty, see README.md and license for details. | |
71 * | |
72 * SPDX-License-Identifier: AGPL-3.0-or-later | |
73 * License-Filename: LICENSES/AGPL-3.0.txt | |
74 * | |
75 * Copyright (C) 2018 by via donau | |
76 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
77 * Software engineering by Intevation GmbH | |
78 * | |
79 * Author(s): | |
80 * Thomas Junk <thomas.junk@intevation.de> | |
81 */ | |
1992 | 82 export default { |
1996 | 83 name: "waterwayarea", |
84 props: ["url", "featureType", "sortBy"], | |
85 methods: { | |
86 urlChanged(e) { | |
87 this.$emit("urlChanged", e.target.value); | |
88 }, | |
89 featureTypeChanged(e) { | |
90 this.$emit("featureTypeChanged", e.target.value); | |
91 }, | |
92 sortByChanged(e) { | |
93 this.$emit("sortByChanged", e.target.value); | |
94 } | |
95 } | |
1992 | 96 }; |
97 </script> | |
98 | |
99 <style></style> |