Mercurial > gemma
comparison client/src/components/importconfiguration/types/Bottleneck.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/Bottleneck.vue@8d767359fddb |
children | 5124644494df |
comparison
equal
deleted
inserted
replaced
2978:d6dd158b8071 | 2979:8f266dc8b4e3 |
---|---|
1 <template> | |
2 <div> | |
3 <div class="d-flex flex-row"> | |
4 <div class="flex-column mt-3 mr-3 w-100"> | |
5 <template v-if="!directImport"> | |
6 <div class="flex-row text-left"> | |
7 <small class="text-muted"> <translate>URL</translate> </small> | |
8 </div> | |
9 <div class="w-100"> | |
10 <input | |
11 @input="urlChanged" | |
12 class="url form-control" | |
13 type="url" | |
14 :value="url" | |
15 /> | |
16 </div> | |
17 </template> | |
18 </div> | |
19 <div v-if="false" class="flex-column mt-3 text-left"> | |
20 <div class="d-flex flex-row"> | |
21 <small class="text-muted mr-2" | |
22 ><translate>Insecure</translate> | |
23 </small> | |
24 </div> | |
25 <div class="d-flex flex-row"> | |
26 <toggle-button | |
27 v-model="insecure" | |
28 class="mt-2" | |
29 :speed="100" | |
30 :color="{ | |
31 checked: '#FF0000', | |
32 unchecked: '#E9ECEF', | |
33 disabled: '#CCCCCC' | |
34 }" | |
35 :labels="{ | |
36 checked: this.$options.on, | |
37 unchecked: this.$options.off | |
38 }" | |
39 :width="60" | |
40 :height="30" | |
41 /> | |
42 </div> | |
43 </div> | |
44 </div> | |
45 <div v-if="!url" class="d-flex flex-row"> | |
46 <small | |
47 ><translate class="text-danger">Please enter a URL</translate></small | |
48 > | |
49 </div> | |
50 <div class="d-flex flex-row"> | |
51 <div class="flex-column mt-3 mr-3 w-50"> | |
52 <div class="flex-row text-left"> | |
53 <small class="text-muted"> | |
54 <translate>Tolerance for snapping of waterway axis [m]</translate> | |
55 </small> | |
56 </div> | |
57 <div class="w-100"> | |
58 <input | |
59 @input="toleranceChanged" | |
60 class="tolerance form-control" | |
61 type="number" | |
62 min="0" | |
63 :value="tolerance" | |
64 /> | |
65 </div> | |
66 <div v-if="!tolerance" class="d-flex flex-row"> | |
67 <small | |
68 ><translate class="text-danger" | |
69 >Please enter a tolerance value</translate | |
70 ></small | |
71 > | |
72 </div> | |
73 </div> | |
74 </div> | |
75 </div> | |
76 </template> | |
77 | |
78 <script> | |
79 /* This is Free Software under GNU Affero General Public License v >= 3.0 | |
80 * without warranty, see README.md and license for details. | |
81 * | |
82 * SPDX-License-Identifier: AGPL-3.0-or-later | |
83 * License-Filename: LICENSES/AGPL-3.0.txt | |
84 * | |
85 * Copyright (C) 2018, 2019 by via donau | |
86 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
87 * Software engineering by Intevation GmbH | |
88 * | |
89 * Author(s): | |
90 * Thomas Junk <thomas.junk@intevation.de> | |
91 * Tom Gottfried <tom.gottfried@intevation.de> | |
92 */ | |
93 export default { | |
94 name: "bottleneckimport", | |
95 props: ["url", "tolerance", "directImport"], | |
96 methods: { | |
97 urlChanged(e) { | |
98 this.$emit("urlChanged", e.target.value); | |
99 }, | |
100 toleranceChanged(e) { | |
101 this.$emit("toleranceChanged", e.target.value); | |
102 } | |
103 } | |
104 }; | |
105 </script> | |
106 | |
107 <style></style> |