Mercurial > gemma
view client/src/components/importschedule/importtypes/Waterwayarea.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/Waterwayarea.vue@29f02d0043a9 |
children | 5af57aa2b8fc |
line wrap: on
line source
<template> <div> <div class="d-flex flex-row"> <div class="flex-column mt-3 mr-3 w-100"> <div class="flex-row text-left"> <small class="text-muted"> <translate>URL</translate> </small> </div> <div class="w-100"> <input @keyup="urlChanged" class="form-control" type="url" :value="url" /> </div> </div> </div> <div v-if="!url" class="d-flex flex-row"> <small ><translate class="text-danger">Please enter a URL</translate></small > </div> <div class="d-flex flex-row"> <div class="flex-column mt-3 mr-3 w-50"> <div class="flex-row text-left"> <small class="text-muted"> <translate>Featuretype</translate> </small> </div> <div class="w-100"> <input @keyup="featureTypeChanged" class="form-control" type="text" :value="featureType" /> </div> <div v-if="!featureType" class="d-flex flex-row"> <small ><translate class="text-danger" >Please enter a Featuretype</translate ></small > </div> </div> <div class="flex-column mt-3 w-50"> <div class="flex-row text-left"> <small class="text-muted"> <translate>SortBy</translate> </small> </div> <div class="w-100"> <input @keyup="sortByChanged" class="form-control" type="text" :value="sortBy" /> </div> <div v-if="!sortBy" class="d-flex flex-row"> <small ><translate class="text-danger" >Please enter SortBy</translate ></small > </div> </div> </div> </div> </template> <script> export default { name: "waterwayarea", props: ["url", "featureType", "sortBy"], methods: { urlChanged(e) { this.$emit("urlChanged", e.target.value); }, featureTypeChanged(e) { this.$emit("featureTypeChanged", e.target.value); }, sortByChanged(e) { this.$emit("sortByChanged", e.target.value); } } }; </script> <style></style>