comparison client/src/components/importschedule/importtypes/Gaugemeasurement.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/Gaugemeasurement.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>
24 </template>
25
26 <script>
27 export default {
28 name: "gaugemeasurement",
29 props: ["url"],
30 methods: {
31 urlChanged(e) {
32 this.$emit("urlChanged", e.target.value);
33 }
34 }
35 };
36 </script>
37
38 <style></style>