Mercurial > gemma
annotate client/src/components/importconfiguration/types/Distancemarksvirtual.vue @ 2979:8f266dc8b4e3 unified_import
unified_imports: moved imports partially to new UI
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 09 Apr 2019 14:52:55 +0200 |
parents | client/src/components/importschedule/importtypes/Distancemarksvirtual.vue@6c5364ff0abb |
children | 439e1865a2d2 |
rev | line source |
---|---|
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 |
2088
e972567100d3
input events for import schedule
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
10 @input="urlChanged" |
2269
dfa4db82e784
refac: classes for automatic filling added
Thomas Junk <thomas.junk@intevation.de>
parents:
2088
diff
changeset
|
11 class="url form-control" |
1996 | 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 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>Username</translate> </small> | |
27 </div> | |
28 <div class="w-100"> | |
1996 | 29 <input |
2088
e972567100d3
input events for import schedule
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
30 @input="usernameChanged" |
2347
88376de7efbd
client: imports: fixed typo in form style
Markus Kottlaender <markus@intevation.de>
parents:
2269
diff
changeset
|
31 class="username form-control" |
1996 | 32 type="text" |
33 :value="username" | |
34 /> | |
1992 | 35 </div> |
36 <div v-if="!username" class="d-flex flex-row"> | |
37 <small | |
38 ><translate class="text-danger" | |
39 >Please enter a Username</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>Password</translate> </small> | |
47 </div> | |
48 <div class="w-100 d-flex flex-row"> | |
1996 | 49 <input |
2088
e972567100d3
input events for import schedule
Thomas Junk <thomas.junk@intevation.de>
parents:
2069
diff
changeset
|
50 @input="passwordChanged" |
2269
dfa4db82e784
refac: classes for automatic filling added
Thomas Junk <thomas.junk@intevation.de>
parents:
2088
diff
changeset
|
51 class="pasword form-control" |
1996 | 52 :type="showPassword" |
53 :value="password" | |
54 /> | |
1992 | 55 <span |
56 class="input-group-text ml-2" | |
57 @click="passwordVisible = !passwordVisible" | |
58 > | |
2919
6c5364ff0abb
client: removed a lot of unnecessary closing tags
Markus Kottlaender <markus@intevation.de>
parents:
2347
diff
changeset
|
59 <font-awesome-icon :icon="passwordVisible ? 'eye-slash' : 'eye'" /> |
1992 | 60 </span> |
61 </div> | |
62 <div v-if="!password" class="d-flex flex-row"> | |
63 <small | |
64 ><translate class="text-danger" | |
65 >Please enter a Password</translate | |
66 ></small | |
67 > | |
68 </div> | |
69 </div> | |
70 </div> | |
71 </div> | |
72 </template> | |
73 | |
74 <script> | |
2069 | 75 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
76 * without warranty, see README.md and license for details. | |
77 * | |
78 * SPDX-License-Identifier: AGPL-3.0-or-later | |
79 * License-Filename: LICENSES/AGPL-3.0.txt | |
80 * | |
81 * Copyright (C) 2018 by via donau | |
82 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
83 * Software engineering by Intevation GmbH | |
84 * | |
85 * Author(s): | |
86 * Thomas Junk <thomas.junk@intevation.de> | |
87 */ | |
1992 | 88 export default { |
1996 | 89 name: "distancemarksvirtual", |
90 props: ["url", "username", "password"], | |
91 data() { | |
92 return { | |
93 passwordVisible: false | |
94 }; | |
95 }, | |
96 computed: { | |
97 showPassword() { | |
98 if (this.passwordVisible) return "text"; | |
99 return "password"; | |
100 } | |
101 }, | |
102 methods: { | |
103 urlChanged(e) { | |
104 this.$emit("urlChanged", e.target.value); | |
105 }, | |
106 usernameChanged(e) { | |
107 this.$emit("usernameChanged", e.target.value); | |
108 }, | |
109 passwordChanged(e) { | |
110 this.$emit("passwordChanged", e.target.value); | |
111 } | |
112 } | |
1992 | 113 }; |
114 </script> | |
115 | |
116 <style></style> |