|
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">
|
|
|
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 class="d-flex flex-row">
|
|
|
44 <div class="flex-column mt-3 mr-3 w-50">
|
|
|
45 <div class="flex-row text-left">
|
|
|
46 <small class="text-muted"> <translate>Featuretype</translate> </small>
|
|
|
47 </div>
|
|
|
48 <div class="w-100">
|
|
|
49 <input v-model="featureType" class="form-control" type="text" />
|
|
|
50 </div>
|
|
|
51 <div v-if="!featureType" class="d-flex flex-row">
|
|
|
52 <small
|
|
|
53 ><translate class="text-danger"
|
|
|
54 >Please enter a Featuretype</translate
|
|
|
55 ></small
|
|
|
56 >
|
|
|
57 </div>
|
|
|
58 </div>
|
|
|
59 <div class="flex-column mt-3 w-50">
|
|
|
60 <div class="flex-row text-left">
|
|
|
61 <small class="text-muted"> <translate>SortBy</translate> </small>
|
|
|
62 </div>
|
|
|
63 <div class="w-100">
|
|
|
64 <input v-model="sortBy" class="form-control" type="text" />
|
|
|
65 </div>
|
|
|
66 <div v-if="!sortBy" class="d-flex flex-row">
|
|
|
67 <small
|
|
|
68 ><translate class="text-danger"
|
|
|
69 >Please enter SortBy</translate
|
|
|
70 ></small
|
|
|
71 >
|
|
|
72 </div>
|
|
|
73 </div>
|
|
|
74 </div>
|
|
|
75 <div class="d-flex flex-row">
|
|
|
76 <div class="flex-column mt-3 mr-3 w-50">
|
|
|
77 <div class="flex-row text-left">
|
|
|
78 <small class="text-muted"> <translate>LOS</translate> </small>
|
|
|
79 </div>
|
|
|
80 <div class="w-100">
|
|
|
81 <select v-model="LOS" class="form-control">
|
|
|
82 <option value="1">1</option>
|
|
|
83 <option value="2">2</option>
|
|
|
84 <option value="3">3</option>
|
|
|
85 </select>
|
|
|
86 </div>
|
|
|
87 <div v-if="!LOS" class="d-flex flex-row">
|
|
|
88 <small
|
|
|
89 ><translate class="text-danger"
|
|
|
90 >Please enter a level of service</translate
|
|
|
91 ></small
|
|
|
92 >
|
|
|
93 </div>
|
|
|
94 </div>
|
|
|
95 <div class="flex-column mt-3 w-50">
|
|
|
96 <div class="flex-row text-left">
|
|
|
97 <small class="text-muted"> <translate>Depth</translate> </small>
|
|
|
98 </div>
|
|
|
99 <div class="d-flex flex-row">
|
|
|
100 <input v-model="depth" class="form-control" type="number" />
|
|
|
101 <div class="ml-2 my-auto">cm</div>
|
|
|
102 </div>
|
|
|
103 <div v-if="!depth" class="d-flex flex-row">
|
|
|
104 <small
|
|
|
105 ><translate class="text-danger"
|
|
|
106 >Please enter a depth</translate
|
|
|
107 ></small
|
|
|
108 >
|
|
|
109 </div>
|
|
|
110 </div>
|
|
|
111 </div>
|
|
|
112 <div class="d-flex flex-row">
|
|
|
113 <div class="flex-column mt-3 mr-3 w-50">
|
|
|
114 <div class="flex-row text-left">
|
|
|
115 <small class="text-muted"> <translate>MinWidth</translate> </small>
|
|
|
116 </div>
|
|
|
117 <div class="d-flex flex-row">
|
|
|
118 <input v-model="minWidth" class="form-control" type="number" />
|
|
|
119 <div class="ml-2 my-auto"> m</div>
|
|
|
120 </div>
|
|
|
121 <div v-if="!minWidth" class="d-flex flex-row">
|
|
|
122 <small
|
|
|
123 ><translate class="text-danger"
|
|
|
124 >Please enter a minimum width</translate
|
|
|
125 ></small
|
|
|
126 >
|
|
|
127 </div>
|
|
|
128 </div>
|
|
|
129 <div class="flex-column mt-3 w-50">
|
|
|
130 <div class="flex-row text-left">
|
|
|
131 <small class="text-muted"> <translate>MaxWidth</translate> </small>
|
|
|
132 </div>
|
|
|
133 <div class="d-flex flex-row">
|
|
|
134 <input v-model="maxWidth" class="form-control" type="number" />
|
|
|
135 <div class="ml-2 my-auto"> m</div>
|
|
|
136 </div>
|
|
|
137 <div v-if="!maxWidth" class="d-flex flex-row">
|
|
|
138 <small
|
|
|
139 ><translate class="text-danger"
|
|
|
140 >Please enter a maximum width</translate
|
|
|
141 ></small
|
|
|
142 >
|
|
|
143 </div>
|
|
|
144 </div>
|
|
|
145 </div>
|
|
|
146 <div class="d-flex flex-row">
|
|
|
147 <div class="flex-column mt-3 mr-3 w-50">
|
|
|
148 <div class="flex-row text-left">
|
|
|
149 <small class="text-muted">
|
|
|
150 <translate>Source orgranization</translate>
|
|
|
151 </small>
|
|
|
152 </div>
|
|
|
153 <div class="w-100">
|
|
|
154 <input
|
|
|
155 v-model="sourceOrganization"
|
|
|
156 class="form-control"
|
|
|
157 type="text"
|
|
|
158 />
|
|
|
159 </div>
|
|
|
160 <div v-if="!sourceOrganization" class="d-flex flex-row">
|
|
|
161 <small
|
|
|
162 ><translate class="text-danger"
|
|
|
163 >Please enter a source orgranization</translate
|
|
|
164 ></small
|
|
|
165 >
|
|
|
166 </div>
|
|
|
167 </div>
|
|
|
168 </div>
|
|
|
169 </div>
|
|
|
170 </template>
|
|
|
171
|
|
|
172 <script>
|
|
|
173 export default {
|
|
|
174 name: "fairwaydimensions"
|
|
|
175 };
|
|
|
176 </script>
|
|
|
177
|
|
|
178 <style></style>
|
