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>
|
2069
|
27 /* This is Free Software under GNU Affero General Public License v >= 3.0
|
|
28 * without warranty, see README.md and license for details.
|
|
29 *
|
|
30 * SPDX-License-Identifier: AGPL-3.0-or-later
|
|
31 * License-Filename: LICENSES/AGPL-3.0.txt
|
|
32 *
|
|
33 * Copyright (C) 2018 by via donau
|
|
34 * – Österreichische Wasserstraßen-Gesellschaft mbH
|
|
35 * Software engineering by Intevation GmbH
|
|
36 *
|
|
37 * Author(s):
|
|
38 * Thomas Junk <thomas.junk@intevation.de>
|
|
39 */
|
1992
|
40 export default {
|
1996
|
41 name: "availablefairwaydepth",
|
|
42 props: ["url"],
|
|
43 methods: {
|
|
44 urlChanged(e) {
|
|
45 this.$emit("urlChanged", e.target.value);
|
|
46 }
|
|
47 }
|
1992
|
48 };
|
|
49 </script>
|
|
50
|
|
51 <style></style>
|