Mercurial > gemma
comparison client/src/components/importschedule/importtypes/Waterwayaxis.vue @ 1996:fda5c78fb7d3 importschedulerefac
moved components
| author | Thomas Junk <thomas.junk@intevation.de> |
|---|---|
| date | Thu, 24 Jan 2019 13:43:36 +0100 |
| parents | client/src/components/importschedule/Waterwayaxis.vue@29f02d0043a9 |
| children | 5af57aa2b8fc |
comparison
equal
deleted
inserted
replaced
| 1992:29f02d0043a9 | 1996:fda5c78fb7d3 |
|---|---|
| 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: "waterwayaxis", | |
| 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> |