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>