Mercurial > gemma
diff client/src/components/map/fairway/Profiles.vue @ 1416:3af7ad9717e2
Client: add a set fo marked translation
* add some marked transaltions in the templates.
and update the corresponding .po files.
* remove trailing whitespace and improve the formating in some files
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Thu, 29 Nov 2018 11:08:02 +0100 |
parents | 8e2c9e518440 |
children | 7fa030127b05 |
line wrap: on
line diff
--- a/client/src/components/map/fairway/Profiles.vue Thu Nov 29 11:02:51 2018 +0100 +++ b/client/src/components/map/fairway/Profiles.vue Thu Nov 29 11:08:02 2018 +0100 @@ -3,7 +3,7 @@ <div style="width: 20rem"> <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center"> <font-awesome-icon icon="chart-area" class="mr-2"></font-awesome-icon> - Profiles + <translate>Profiles</translate> <font-awesome-icon icon="times" class="ml-auto text-muted" @@ -11,11 +11,20 @@ ></font-awesome-icon> </h6> <div class="d-flex flex-column p-3 flex-grow-1 text-left position-relative"> - <div class="loading d-flex justify-content-center align-items-center" v-if="surveysLoading || profileLoading"> - <font-awesome-icon icon="spinner" spin /> + <div + class="loading d-flex justify-content-center align-items-center" + v-if="surveysLoading || profileLoading" + > + <font-awesome-icon icon="spinner" spin/> </div> - <select @click="moveToBottleneck" v-model="selectedBottleneck" class="form-control font-weight-bold"> - <option :value="null">Select Bottleneck</option> + <select + @click="moveToBottleneck" + v-model="selectedBottleneck" + class="form-control font-weight-bold" + > + <option :value="null"> + <translate>Select Bottleneck</translate> + </option> <option v-for="bn in bottlenecks" :key="bn.properties.name" @@ -25,7 +34,9 @@ <div v-if="selectedBottleneck"> <div class="d-flex mt-2"> <div class="flex-fill"> - <small class="text-muted">Sounding Result:</small> + <small class="text-muted"> + <translate>Sounding Result</translate>: + </small> <select v-model="selectedSurvey" class="form-control form-control-sm"> <option v-for="survey in surveys" @@ -35,7 +46,9 @@ </select> </div> <div class="flex-fill ml-3" v-if="selectedSurvey && surveys.length > 1"> - <small class="text-muted mt-1">Compare with:</small> + <small class="text-muted mt-1"> + <translate>Compare with</translate>: + </small> <select v-model="additionalSurvey" class="form-control form-control-sm"> <option :value="null">None</option> <option @@ -47,43 +60,62 @@ </div> </div> <hr class="w-100 mb-0"> - <small class="text-muted d-block mt-2">Saved cross profiles:</small> + <small class="text-muted d-block mt-2"> + <translate>Saved cross profiles</translate>: + </small> <div class="d-flex"> - <select :class="['form-control form-control-sm flex-fill', { 'rounded-left-only': selectedCut }]" v-model="selectedCut"> + <select + :class="['form-control form-control-sm flex-fill', { 'rounded-left-only': selectedCut }]" + v-model="selectedCut" + > <option></option> - <option v-for="(cut, index) in previousCuts" :value="cut" :key="index"> - {{ cut.label }} - </option> + <option v-for="(cut, index) in previousCuts" :value="cut" :key="index">{{ cut.label }}</option> </select> <button class="btn btn-sm btn-danger input-button-right" @click="confirmDeleteSelectedCut = true" v-if="selectedCut && !confirmDeleteSelectedCut" - ><font-awesome-icon icon="trash" /></button> + > + <font-awesome-icon icon="trash"/> + </button> <button class="btn btn-sm btn-info rounded-0" @click="confirmDeleteSelectedCut = false" v-if="selectedCut && confirmDeleteSelectedCut" - ><font-awesome-icon icon="times" /></button> + > + <font-awesome-icon icon="times"/> + </button> <button class="btn btn-sm btn-danger input-button-right" @click="deleteSelectedCut" v-if="selectedCut && confirmDeleteSelectedCut" - ><font-awesome-icon icon="check" /></button> + > + <font-awesome-icon icon="check"/> + </button> </div> - <small class="text-muted d-block mt-2">Enter coordinates manually:</small> + <small class="text-muted d-block mt-2"> + <translate>Enter coordinates manually</translate>: + </small> <div class="position-relative"> - <input class="form-control form-control-sm pr-5" placeholder="Lat,Lon,Lat,Lon" v-model="coordinatesInput" /> + <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" + 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> + > + <font-awesome-icon icon="check"/> + </button> </div> <small class="d-flex text-left mt-2" v-if="startPoint && endPoint"> <div class="text-nowrap mr-3"> - <b>Start:</b> + <b> + <translate>Start</translate>: + </b> <br> Lat: {{ startPoint[1] }} <br> @@ -96,41 +128,42 @@ <br> Lon: {{ endPoint[0] }} </div> - <button v-clipboard:copy="coordinatesForClipboard" + <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> + > + <font-awesome-icon icon="copy"/> + </button> </small> <div class="d-flex mt-3"> <div class="pr-3 w-50" v-if="startPoint && endPoint && !selectedCut"> - <button - class="btn btn-info btn-sm w-100" - @click="showLabelInput = !showLabelInput" - > - <font-awesome-icon :icon="showLabelInput ? 'times' : 'check'" /> + <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 && !selectedCut ? 'w-50' : 'w-100'"> - <button - class="btn btn-info btn-sm w-100" - @click="toggleCutTool" - > + <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> + <small class="text-muted"> + <translate>Enter label for cross profile</translate>: + </small> <div class="position-relative"> - <input class="form-control form-control-sm pr-5" v-model="cutLabel" /> + <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> + > + <font-awesome-icon icon="check"/> + </button> </div> </div> </div> @@ -160,7 +193,7 @@ border-bottom-right-radius: 0 !important border-top-left-radius: $border-radius border-bottom-left-radius: $border-radius - + </style> <script> @@ -170,7 +203,7 @@ * SPDX-License-Identifier: AGPL-3.0-or-later * License-Filename: LICENSES/AGPL-3.0.txt * - * Copyright (C) 2018 by via donau + * Copyright (C) 2018 by via donau * – Österreichische Wasserstraßen-Gesellschaft mbH * Software engineering by Intevation GmbH *