Mercurial > gemma

changeset 1464:4af7eaca44a1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
feat: Import Sounding results Selection of projection input type="number". Made EPSG4326 default.
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 16:56:41 +0100
parents a6dd2a8183a4
children cc60a2b5ed71
files client/src/components/map/contextbox/ImportSoundingresults.vue
diffstat 1 files changed, 35 insertions(+), 25 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/map/contextbox/ImportSoundingresults.vue	Mon Dec 03 16:24:19 2018 +0100
+++ b/client/src/components/map/contextbox/ImportSoundingresults.vue	Mon Dec 03 16:56:41 2018 +0100
@@ -12,7 +12,11 @@
               <translate>Bottleneck</translate>
             </small>
             <select v-model="bottleneck" class="custom-select">
-              <option v-for="bottleneck in availableBottlenecks" :key="bottleneck">{{bottleneck}}</option>
+              <option
+                v-for="bottleneck in availableBottlenecks"
+                :key="bottleneck"
+                >{{ bottleneck }}</option
+              >
             </select>
             <span class="text-danger">
               <small v-if="!bottleneck">
@@ -20,16 +24,17 @@
               </small>
             </span>
           </div>
-          <div class="mt-1 text-left w-50 mr-2">
+          <div class="d-flex flex-column mt-1 text-left w-50 mr-2">
             <small class="text-muted">
-              <translate>Projection</translate>
+              <translate>Projection</translate>&nbsp;(EPSG)
             </small>
-            <select v-model="projection" class="custom-select" id="depthreference">
-              <option
-                v-for="projection in this.$options.projections"
-                :key="projection"
-              >{{ projection }}</option>
-            </select>
+            <input
+              class="form-control"
+              v-model="projection"
+              value="4326"
+              placeholder="e.g. 4326"
+              type="number"
+            />
             <span class="text-left text-danger">
               <small v-if="!projection">
                 <translate>Please enter a projection</translate>
@@ -42,11 +47,16 @@
             <small class="text-muted">
               <translate>Depthreference</translate>
             </small>
-            <select v-model="depthReference" class="custom-select" id="depthreference">
+            <select
+              v-model="depthReference"
+              class="custom-select"
+              id="depthreference"
+            >
               <option
                 v-for="option in this.$options.depthReferenceOptions"
                 :key="option"
-              >{{ option }}</option>
+                >{{ option }}</option
+              >
             </select>
             <span class="text-left text-danger">
               <small v-if="!depthReference">
@@ -55,9 +65,7 @@
             </span>
           </div>
           <div class="mt-1 text-left w-50 mr-2">
-            <small class="text-muted">
-              <translate>Date</translate>
-            </small>
+            <small class="text-muted"> <translate>Date</translate> </small>
             <input
               id="importdate"
               type="date"
@@ -66,7 +74,7 @@
               aria-label="bottleneck"
               aria-describedby="bottlenecklabel"
               v-model="importDate"
-            >
+            />
             <span class="text-left text-danger">
               <small v-if="!importDate">
                 <translate>Please enter a date</translate>
@@ -77,9 +85,7 @@
       </div>
       <div class="ml-2 mt-2 text-left">
         <small v-for="(message, index) in messages" :key="index">
-          {{
-          message
-          }}
+          {{ message }}
         </small>
       </div>
     </div>
@@ -92,11 +98,9 @@
             @change="fileSelected"
             class="custom-file-input"
             id="uploadFile"
-          >
+          />
           <label class="custom-file-label" for="uploadFile">
-            {{
-            uploadLabel
-            }}
+            {{ uploadLabel }}
           </label>
         </div>
       </div>
@@ -109,7 +113,12 @@
         >
           <translate>Download Meta.json</translate>
         </a>
-        <button v-if="editState" @click="deleteTempData" class="btn btn-danger" type="button">
+        <button
+          v-if="editState"
+          @click="deleteTempData"
+          class="btn btn-danger"
+          type="button"
+        >
           <translate>Cancel Upload</translate>
         </button>
         <button
@@ -117,7 +126,9 @@
           @click="submit"
           class="btn btn-info"
           type="button"
-        >{{ uploadState ? Upload : Confirm }}</button>
+        >
+          {{ uploadState ? Upload : Confirm }}
+        </button>
       </div>
     </div>
   </div>
@@ -317,7 +328,6 @@
       );
     }
   },
-  projections: ["", "4326"],
   depthReferenceOptions: [
     "",
     // "NAP",