comparison client/src/components/importschedule/Gaugemeasurement.vue @ 1992:29f02d0043a9 importschedulerefac

split imports out
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 23 Jan 2019 16:50:33 +0100
parents
children
comparison
equal deleted inserted replaced
1983:f9f1babe52ae 1992:29f02d0043a9
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">
9 <input v-model="url" class="form-control" type="url" />
10 </div>
11 </div>
12 <div v-if="false" class="flex-column mt-3 text-left">
13 <div class="d-flex flex-row">
14 <small class="text-muted mr-2"
15 ><translate>Insecure</translate>
16 </small>
17 </div>
18 <div class="d-flex flex-row">
19 <toggle-button
20 v-model="insecure"
21 class="mt-2"
22 :speed="100"
23 :color="{
24 checked: '#FF0000',
25 unchecked: '#E9ECEF',
26 disabled: '#CCCCCC'
27 }"
28 :labels="{
29 checked: this.$options.on,
30 unchecked: this.$options.off
31 }"
32 :width="60"
33 :height="30"
34 />
35 </div>
36 </div>
37 </div>
38 <div v-if="!url" class="d-flex flex-row">
39 <small
40 ><translate class="text-danger">Please enter a URL</translate></small
41 >
42 </div>
43 </div>
44 </template>
45
46 <script>
47 export default {
48 name: "gaugemeasurement"
49 };
50 </script>
51
52 <style></style>