Mercurial > gemma

annotate client/src/components/importschedule/Waterwaygauges.vue @ 1992:29f02d0043a9 importschedulerefac

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
split imports out
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 23 Jan 2019 16:50:33 +0100
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1992
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
1 <template>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
2 <div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
3 <div class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
4 <div class="flex-column mt-3 mr-3 w-100">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
5 <div class="flex-row text-left">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
6 <small class="text-muted"> <translate>URL</translate> </small>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
7 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
8 <div class="w-100">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
9 <input v-model="url" class="form-control" type="url" />
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
10 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
11 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
12 <div v-if="false" class="flex-column mt-3 text-left">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
13 <div class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
14 <small class="text-muted mr-2"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
15 ><translate>Insecure</translate>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
16 </small>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
17 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
18 <div class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
19 <toggle-button
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
20 v-model="insecure"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
21 class="mt-2"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
22 :speed="100"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
23 :color="{
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
24 checked: '#FF0000',
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
25 unchecked: '#E9ECEF',
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
26 disabled: '#CCCCCC'
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
27 }"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
28 :labels="{
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
29 checked: this.$options.on,
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
30 unchecked: this.$options.off
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
31 }"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
32 :width="60"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
33 :height="30"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
34 />
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
35 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
36 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
37 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
38 <div v-if="!url" class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
39 <small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
40 ><translate class="text-danger">Please enter a URL</translate></small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
41 >
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
42 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
43 <div class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
44 <div class="flex-column mt-3 mr-3 w-50">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
45 <div class="flex-row text-left">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
46 <small class="text-muted"> <translate>Username</translate> </small>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
47 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
48 <div class="w-100">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
49 <input v-model="username" class="form-control" type="text" />
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
50 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
51 <div v-if="!username" class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
52 <small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
53 ><translate class="text-danger"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
54 >Please enter a Username</translate
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
55 ></small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
56 >
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
57 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
58 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
59 <div class="flex-column mt-3 w-50">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
60 <div class="flex-row text-left">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
61 <small class="text-muted"> <translate>Password</translate> </small>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
62 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
63 <div class="w-100 d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
64 <input v-model="password" class="form-control" :type="showPassword" />
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
65 <span
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
66 class="input-group-text ml-2"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
67 @click="passwordVisible = !passwordVisible"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
68 >
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
69 <font-awesome-icon
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
70 :icon="passwordVisible ? 'eye-slash' : 'eye'"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
71 ></font-awesome-icon>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
72 </span>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
73 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
74 <div v-if="!password" class="d-flex flex-row">
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
75 <small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
76 ><translate class="text-danger"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
77 >Please enter a Password</translate
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
78 ></small
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
79 >
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
80 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
81 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
82 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
83 </div>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
84 </template>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
85
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
86 <script>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
87 export default {
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
88 name: "waterwaygauges"
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
89 };
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
90 </script>
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
91
29f02d0043a9 split imports out
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
92 <style></style>