Mercurial > gemma
changeset 1464:4af7eaca44a1
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> (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",