Mercurial > gemma
comparison client/src/components/importschedule/importtypes/Distancemarksashore.vue @ 2068:5a898da60b87
dma added
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 30 Jan 2019 15:43:08 +0100 |
parents | |
children | 5af57aa2b8fc |
comparison
equal
deleted
inserted
replaced
2067:56deb027112a | 2068:5a898da60b87 |
---|---|
1 <template> | |
2 <div> | |
3 <div class="d-flex flex-row"> | |
4 <div class="flex-column mt-3 mr-3 w-100"> | |
5 <div class="flex-row text-left"> | |
6 <small class="text-muted"> <translate>URL</translate> </small> | |
7 </div> | |
8 <div class="w-100"> | |
9 <input | |
10 @keyup="urlChanged" | |
11 class="form-control" | |
12 type="url" | |
13 :value="url" | |
14 /> | |
15 </div> | |
16 </div> | |
17 </div> | |
18 <div v-if="!url" class="d-flex flex-row"> | |
19 <small | |
20 ><translate class="text-danger">Please enter a URL</translate></small | |
21 > | |
22 </div> | |
23 <div class="d-flex flex-row"> | |
24 <div class="flex-column mt-3 mr-3 w-50"> | |
25 <div class="flex-row text-left"> | |
26 <small class="text-muted"> <translate>Featuretype</translate> </small> | |
27 </div> | |
28 <div class="w-100"> | |
29 <input | |
30 @keyup="featureTypeChanged" | |
31 class="form-control" | |
32 type="text" | |
33 :value="featureType" | |
34 /> | |
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> | |
44 <div class="flex-column mt-3 w-50"> | |
45 <div class="flex-row text-left"> | |
46 <small class="text-muted"> <translate>SortBy</translate> </small> | |
47 </div> | |
48 <div class="w-100"> | |
49 <input | |
50 @keyup="sortByChanged" | |
51 class="form-control" | |
52 type="text" | |
53 :value="sortBy" | |
54 /> | |
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> | |
69 export default { | |
70 name: "distancemarksashore", | |
71 props: ["url", "featureType", "sortBy"], | |
72 methods: { | |
73 urlChanged(e) { | |
74 this.$emit("urlChanged", e.target.value); | |
75 }, | |
76 featureTypeChanged(e) { | |
77 this.$emit("featureTypeChanged", e.target.value); | |
78 }, | |
79 sortByChanged(e) { | |
80 this.$emit("sortByChanged", e.target.value); | |
81 } | |
82 } | |
83 }; | |
84 </script> | |
85 | |
86 <style></style> |