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
|
|
10 @keyup="urlChanged"
|
|
11 class="form-control"
|
|
12 type="url"
|
|
13 :value="url"
|
|
14 />
|
1992
|
15 </div>
|
|
16 </div>
|
|
17 <div v-if="false" class="flex-column mt-3 text-left">
|
|
18 <div class="d-flex flex-row">
|
|
19 <small class="text-muted mr-2"
|
|
20 ><translate>Insecure</translate>
|
|
21 </small>
|
|
22 </div>
|
|
23 <div class="d-flex flex-row">
|
|
24 <toggle-button
|
|
25 v-model="insecure"
|
|
26 class="mt-2"
|
|
27 :speed="100"
|
|
28 :color="{
|
|
29 checked: '#FF0000',
|
|
30 unchecked: '#E9ECEF',
|
|
31 disabled: '#CCCCCC'
|
|
32 }"
|
|
33 :labels="{
|
|
34 checked: this.$options.on,
|
|
35 unchecked: this.$options.off
|
|
36 }"
|
|
37 :width="60"
|
|
38 :height="30"
|
|
39 />
|
|
40 </div>
|
|
41 </div>
|
|
42 </div>
|
|
43 <div v-if="!url" class="d-flex flex-row">
|
|
44 <small
|
|
45 ><translate class="text-danger">Please enter a URL</translate></small
|
|
46 >
|
|
47 </div>
|
|
48 </div>
|
|
49 </template>
|
|
50
|
|
51 <script>
|
|
52 export default {
|
1996
|
53 name: "bottleneckimport",
|
|
54 props: ["url"],
|
|
55 methods: {
|
|
56 urlChanged(e) {
|
|
57 this.$emit("urlChanged", e.target.value);
|
|
58 }
|
|
59 }
|
1992
|
60 };
|
|
61 </script>
|
|
62
|
|
63 <style></style>
|