diff client/src/components/map/contextbox/Bottlenecks.vue @ 1402:acb71a982837

client: improve translation process docs * Add comment that vue-gettext and easygettext node packages are needed to run the process. * Update easygettext version to latest.
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 28 Nov 2018 16:17:17 +0100
parents b350b0b5cb6c
children f7139b814a6c
line wrap: on
line diff
--- a/client/src/components/map/contextbox/Bottlenecks.vue	Wed Nov 28 16:15:14 2018 +0100
+++ b/client/src/components/map/contextbox/Bottlenecks.vue	Wed Nov 28 16:17:17 2018 +0100
@@ -1,21 +1,21 @@
 <template>
   <div>
     <h6 class="mb-0 py-2 px-3 border-bottom d-flex align-items-center">
-      <font-awesome-icon icon="ship" class="mr-2"></font-awesome-icon>Bottlenecks
+      <font-awesome-icon icon="ship" class="mr-2"></font-awesome-icon><translate>Bottlenecks</translate>
     </h6>
     <div class="row p-2 text-left small">
       <div class="col-5">
-        <a href="#" @click="sortBy('name')" class="sort-link">Name</a>
+        <a href="#" @click="sortBy('name')" class="sort-link"><translate>Name</translate></a>
         <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'name'"></font-awesome-icon>
       </div>
       <div class="col-2">
-        <a href="#" @click="sortBy('latestMeasurement')" class="sort-link">Latest
-          <br>Measurement
+        <a href="#" @click="sortBy('latestMeasurement')" class="sort-link"><translate>Latest</translate>
+          <br><translate>Measurement</translate>
         </a>
         <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'latestMeasurement'"></font-awesome-icon>
       </div>
       <div class="col-3">
-        <a href="#" @click="sortBy('chainage')" class="sort-link">Chainage</a>
+        <a href="#" @click="sortBy('chainage')" class="sort-link"><translate>Chainage</translate></a>
         <font-awesome-icon :icon="sortIcon" class="ml-1" v-if="sortColumn === 'chainage'"></font-awesome-icon>
       </div>
       <div class="col-2"></div>
@@ -57,7 +57,7 @@
         </div>
       </div>
     </div>
-    <div v-else class="small text-center py-3 border-top">No results.</div>
+    <div v-else class="small text-center py-3 border-top"><translate>No results.</translate></div>
   </div>
 </template>