Mercurial > gemma

diff client/src/components/map/fairway/Profiles.vue @ 1416:3af7ad9717e2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
  *