Mercurial > gemma

comparison client/src/components/importschedule/Importscheduledetail.vue @ 1854:79283856f9cb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fd import: UI - added unit of measurement
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 17 Jan 2019 11:36:59 +0100
parents f1ac917ec4a0
children 9141abe7c75a
comparison
equal deleted inserted replaced
1853:cedadd4e3db5 1854:79283856f9cb
195 <div class="flex-column mt-3 mr-3 w-50"> 195 <div class="flex-column mt-3 mr-3 w-50">
196 <div class="flex-row text-left"> 196 <div class="flex-row text-left">
197 <small class="text-muted"> <translate>LOS</translate> </small> 197 <small class="text-muted"> <translate>LOS</translate> </small>
198 </div> 198 </div>
199 <div class="w-100"> 199 <div class="w-100">
200 <input v-model="LOS" class="form-control" type="number" /> 200 <select v-model="LOS" class="form-control">
201 <option value="1">1</option>
202 <option value="2">2</option>
203 <option value="3">3</option>
204 </select>
201 </div> 205 </div>
202 <div v-if="!LOS" class="d-flex flex-row"> 206 <div v-if="!LOS" class="d-flex flex-row">
203 <small 207 <small
204 ><translate class="text-danger" 208 ><translate class="text-danger"
205 >Please enter a level of service</translate 209 >Please enter a level of service</translate
211 <div class="flex-row text-left"> 215 <div class="flex-row text-left">
212 <small class="text-muted"> 216 <small class="text-muted">
213 <translate>Depth</translate> 217 <translate>Depth</translate>
214 </small> 218 </small>
215 </div> 219 </div>
216 <div class="w-100"> 220 <div class="d-flex flex-row">
217 <input v-model="depth" class="form-control" type="number" /> 221 <input v-model="depth" class="form-control" type="number" />
222 <div class="ml-2 my-auto">cm</div>
218 </div> 223 </div>
219 <div v-if="!depth" class="d-flex flex-row"> 224 <div v-if="!depth" class="d-flex flex-row">
220 <small 225 <small
221 ><translate class="text-danger" 226 ><translate class="text-danger"
222 >Please enter a depth</translate 227 >Please enter a depth</translate
230 <div class="flex-row text-left"> 235 <div class="flex-row text-left">
231 <small class="text-muted"> 236 <small class="text-muted">
232 <translate>MinWidth</translate> 237 <translate>MinWidth</translate>
233 </small> 238 </small>
234 </div> 239 </div>
235 <div class="w-100"> 240 <div class="d-flex flex-row">
236 <input 241 <input
237 v-model="minWidth" 242 v-model="minWidth"
238 class="form-control" 243 class="form-control"
239 type="number" 244 type="number"
240 /> 245 />
246 <div class="ml-2 my-auto">m</div>
241 </div> 247 </div>
242 <div v-if="!minWidth" class="d-flex flex-row"> 248 <div v-if="!minWidth" class="d-flex flex-row">
243 <small 249 <small
244 ><translate class="text-danger" 250 ><translate class="text-danger"
245 >Please enter a minimum width</translate 251 >Please enter a minimum width</translate
251 <div class="flex-row text-left"> 257 <div class="flex-row text-left">
252 <small class="text-muted"> 258 <small class="text-muted">
253 <translate>MaxWidth</translate> 259 <translate>MaxWidth</translate>
254 </small> 260 </small>
255 </div> 261 </div>
256 <div class="w-100"> 262 <div class="d-flex flex-row">
257 <input 263 <input
258 v-model="maxWidth" 264 v-model="maxWidth"
259 class="form-control" 265 class="form-control"
260 type="number" 266 type="number"
261 /> 267 />
268 <div class="ml-2 my-auto">m</div>
262 </div> 269 </div>
263 <div v-if="!maxWidth" class="d-flex flex-row"> 270 <div v-if="!maxWidth" class="d-flex flex-row">
264 <small 271 <small
265 ><translate class="text-danger" 272 ><translate class="text-danger"
266 >Please enter a maximum width</translate 273 >Please enter a maximum width</translate