1992
|
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">
|
1996
|
9 <input
|
|
10 @keyup="urlChanged"
|
|
11 class="form-control"
|
|
12 type="url"
|
|
13 :value="url"
|
1992
|
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 {
|
1996
|
28 name: "availablefairwaydepth",
|
|
29 props: ["url"],
|
|
30 methods: {
|
|
31 urlChanged(e) {
|
|
32 this.$emit("urlChanged", e.target.value);
|
|
33 }
|
|
34 }
|
1992
|
35 };
|
|
36 </script>
|
|
37
|
|
38 <style></style>
|