Mercurial > gemma
changeset 1379:da44c669c9f5
formatted file
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 27 Nov 2018 14:19:15 +0100 |
parents | 68bf92edafe1 |
children | 632ff17368c6 |
files | client/src/components/map/fairway/Profiles.vue |
diffstat | 1 files changed, 65 insertions(+), 64 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/map/fairway/Profiles.vue Tue Nov 27 14:14:12 2018 +0100 +++ b/client/src/components/map/fairway/Profiles.vue Tue Nov 27 14:19:15 2018 +0100 @@ -5,9 +5,9 @@ <font-awesome-icon icon="chart-area" class="mr-2"></font-awesome-icon> Profiles <font-awesome-icon - icon="times" - class="ml-auto text-muted" - @click="$store.commit('application/showProfiles', false)" + icon="times" + class="ml-auto text-muted" + @click="$store.commit('application/showProfiles', false)" ></font-awesome-icon> </h6> <div class="d-flex flex-column p-3 flex-grow-1 text-left position-relative"> @@ -18,9 +18,9 @@ <select @click="moveToBottleneck" v-model="selectedBottleneck" class="form-control form-control-sm"> <option :value="null">Select Bottleneck</option> <option - v-for="bn in bottlenecks" - :key="bn.properties.name" - :value="bn.properties.name" + v-for="bn in bottlenecks" + :key="bn.properties.name" + :value="bn.properties.name" >{{ bn.properties.name }}</option> </select> <div v-if="selectedBottleneck"> @@ -29,9 +29,9 @@ <small class="text-muted">Sounding Result:</small> <select v-model="selectedSurvey" class="form-control form-control-sm"> <option - v-for="survey in surveys" - :key="survey.date_info" - :value="survey" + v-for="survey in surveys" + :key="survey.date_info" + :value="survey" >{{ survey.date_info }}</option> </select> </div> @@ -40,9 +40,9 @@ <select v-model="additionalSurvey" class="form-control form-control-sm"> <option :value="null">None</option> <option - v-for="survey in additionalSurveys" - :key="survey.date_info" - :value="survey" + v-for="survey in additionalSurveys" + :key="survey.date_info" + :value="survey" >{{ survey.date_info }}</option> </select> </div> @@ -64,62 +64,63 @@ Lon: {{ endPoint[0] }} </div> <button v-clipboard:copy="coordinatesForClipboard" - v-clipboard:success="onCopyCoordinates" - class="btn btn-info btn-sm ml-auto mt-auto"> - <font-awesome-icon icon="copy" /> - </button> - </small> - <div class="d-flex"> - <div class="pr-3 w-50" v-if="startPoint && endPoint"> - <button class="btn btn-info btn-sm w-100" - @click="showLabelInput = !showLabelInput"> - <font-awesome-icon :icon="showLabelInput ? 'times' : 'check'" /> - {{ showLabelInput ? "Cancel" : "Save" }} - </button> + v-clipboard:success="onCopyCoordinates" + class="btn btn-info btn-sm ml-auto mt-auto" + ><font-awesome-icon icon="copy" /></button> + </small> + <div class="d-flex"> + <div class="pr-3 w-50" v-if="startPoint && endPoint"> + <button + class="btn btn-info btn-sm w-100" + @click="showLabelInput = !showLabelInput" + > + <font-awesome-icon :icon="showLabelInput ? 'times' : 'check'" /> + {{ showLabelInput ? "Cancel" : "Save" }} + </button> + </div> + <div :class="startPoint && endPoint ? 'w-50' : 'w-100'"> + <button + class="btn btn-info btn-sm w-100" + @click="toggleCutTool" + > + <font-awesome-icon :icon="cutTool && cutTool.getActive() ? 'times' : 'plus'"></font-awesome-icon> + {{ cutTool && cutTool.getActive() ? "Cancel" : "New" }} + </button> + </div> + </div> + <div v-if="showLabelInput" class="mt-2"> + <small class="text-muted">Enter label for cross profile:</small> + <div class="position-relative"> + <input class="form-control form-control-sm pr-5" v-model="cutLabel" /> + <button + class="btn btn-sm btn-info position-absolute input-button-right" + @click="saveCut" + v-if="cutLabel" + style="top: 0; right: 0;" + ><font-awesome-icon icon="check" /></button> + </div> + </div> + <small class="text-muted d-block mt-2">Saved cross profiles:</small> + <select class="form-control form-control-sm" v-model="coordinatesSelect"> + <option></option> + <option v-for="(cut, index) in previousCuts" :value="cut.coordinates" :key="index"> + {{ cut.label }} + </option> + </select> + <small class="text-muted d-block mt-2">Enter coordinates manually:</small> + <div class="position-relative"> + <input class="form-control form-control-sm pr-5" placeholder="Lat,Lon,Lat,Lon" v-model="coordinatesInput" /> + <button + class="btn btn-sm btn-info position-absolute input-button-right" + @click="applyManualCoordinates" + style="top: 0; right: 0;" + v-if="coordinatesInputIsValid" + ><font-awesome-icon icon="check" /></button> + </div> </div> - <div :class="startPoint && endPoint ? 'w-50' : 'w-100'"> - <button - class="btn btn-info btn-sm w-100" - @click="toggleCutTool" - > - <font-awesome-icon :icon="cutTool && cutTool.getActive() ? 'times' : 'plus'"></font-awesome-icon> - {{ cutTool && cutTool.getActive() ? "Cancel" : "New" }} - </button> </div> </div> - <div v-if="showLabelInput" class="mt-2"> - <small class="text-muted">Enter label for cross profile:</small> - <div class="position-relative"> - <input class="form-control form-control-sm pr-5" v-model="cutLabel" /> - <button class="btn btn-sm btn-info position-absolute input-button-right" - @click="saveCut" - v-if="cutLabel" - style="top: 0; right: 0;"> - <font-awesome-icon icon="check" /> - </button> - </div> </div> - <small class="text-muted d-block mt-2">Saved cross profiles:</small> - <select class="form-control form-control-sm" v-model="coordinatesSelect"> - <option></option> - <option v-for="(cut, index) in previousCuts" :value="cut.coordinates" :key="index"> - {{ cut.label }} - </option> - </select> - <small class="text-muted d-block mt-2">Enter coordinates manually:</small> - <div class="position-relative"> - <input class="form-control form-control-sm pr-5" placeholder="Lat,Lon,Lat,Lon" v-model="coordinatesInput" /> - <button class="btn btn-sm btn-info position-absolute input-button-right" - @click="applyManualCoordinates" - style="top: 0; right: 0;" - v-if="coordinatesInputIsValid"> - <font-awesome-icon icon="check" /> - </button> -</div> -</div> -</div> -</div> -</div> </template> <style lang="sass" scoped>