changeset 1854:79283856f9cb

fd import: UI - added unit of measurement
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 17 Jan 2019 11:36:59 +0100
parents cedadd4e3db5
children bbd653a43a6a
files client/src/components/importschedule/Importscheduledetail.vue
diffstat 1 files changed, 11 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importschedule/Importscheduledetail.vue	Thu Jan 17 11:23:24 2019 +0100
+++ b/client/src/components/importschedule/Importscheduledetail.vue	Thu Jan 17 11:36:59 2019 +0100
@@ -197,7 +197,11 @@
                   <small class="text-muted"> <translate>LOS</translate> </small>
                 </div>
                 <div class="w-100">
-                  <input v-model="LOS" class="form-control" type="number" />
+                  <select v-model="LOS" class="form-control">
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                  </select>
                 </div>
                 <div v-if="!LOS" class="d-flex flex-row">
                   <small
@@ -213,8 +217,9 @@
                     <translate>Depth</translate>
                   </small>
                 </div>
-                <div class="w-100">
+                <div class="d-flex flex-row">
                   <input v-model="depth" class="form-control" type="number" />
+                  <div class="ml-2 my-auto">cm</div>
                 </div>
                 <div v-if="!depth" class="d-flex flex-row">
                   <small
@@ -232,12 +237,13 @@
                     <translate>MinWidth</translate>
                   </small>
                 </div>
-                <div class="w-100">
+                <div class="d-flex flex-row">
                   <input
                     v-model="minWidth"
                     class="form-control"
                     type="number"
                   />
+                  <div class="ml-2 my-auto">m</div>
                 </div>
                 <div v-if="!minWidth" class="d-flex flex-row">
                   <small
@@ -253,12 +259,13 @@
                     <translate>MaxWidth</translate>
                   </small>
                 </div>
-                <div class="w-100">
+                <div class="d-flex flex-row">
                   <input
                     v-model="maxWidth"
                     class="form-control"
                     type="number"
                   />
+                  <div class="ml-2 my-auto">m</div>
                 </div>
                 <div v-if="!maxWidth" class="d-flex flex-row">
                   <small