Add translations for map layers

c2corg · Apr 4, 2019 · 4dfe5b1 · 4dfe5b1
1 parent b68eb34
commit 4dfe5b1
Show file tree

Hide file tree

Showing 3 changed files with 135 additions and 82 deletions.
diff --git a/src/components/map/OlMap.vue b/src/components/map/OlMap.vue
@@ -17,14 +17,14 @@
               <header v-translate>Base layer</header>
               <div v-for="layer of mapLayers" :key="layer.title" @click="visibleLayer=layer">
                 <input :checked="layer==visibleLayer" type="radio">
-                {{ layer.get('title') }}
+                {{ $gettext(layer.get('title')) }}
               </div>
             </td>
             <td>
               <header v-translate>Slopes</header>
               <div v-for="layer of dataLayers" :key="layer.title" @click="toogleMapLayer(layer)">
                 <input :checked="layer.getVisible()" type="checkbox">
-                {{ layer.get('title') }}
+                {{ $gettext(layer.get('title')) }}
               </div>
             </td>
             <td v-if="showProtectionAreas && !editable">

diff --git a/src/components/map/map-layers.js b/src/components/map/map-layers.js
@@ -58,6 +58,7 @@ function createIgnSource(title, layer, format = 'jpeg') {
   });
 }
 
+// $gettext('ESRI', 'Map layer')
 const esri = new ol.layer.Tile({
   title: 'Esri',
   type: 'base',
@@ -83,6 +84,7 @@ var openStreetMap = new ol.layer.Tile({
     visible: false,
 }) */
 
+// $gettext('Bing', 'Map layer')
 const bingMap = new ol.layer.Tile({
   title: 'Bing',
   source: new ol.source.BingMaps({
@@ -92,6 +94,7 @@ const bingMap = new ol.layer.Tile({
   visible: false
 });
 
+// $gettext('OpenTopoMap', 'Map layer')
 const openTopoMap = new ol.layer.Tile({
   title: 'OpenTopoMap',
   type: 'base',
@@ -105,12 +108,17 @@ const openTopoMap = new ol.layer.Tile({
   })
 });
 
+// $gettext('IGN maps', 'Map layer')
 const ignMaps = createIgnSource('IGN maps', 'GEOGRAPHICALGRIDSYSTEMS.MAPS');
+// $gettext('IGN ortho', 'Map layer')
 const ignOrtho = createIgnSource('IGN ortho', 'ORTHOIMAGERY.ORTHOPHOTOS');
+// $gettext('SwissTopo', 'Map layer')
 const swissTopo = createSwisstopoLayer('SwissTopo', 'ch.swisstopo.pixelkarte-farbe');
 
+// $gettext('IGN', 'Map slopes layer')
 const ignSlopes = createIgnSource('IGN', 'GEOGRAPHICALGRIDSYSTEMS.SLOPES.MOUNTAIN', 'png');
 ignSlopes.setOpacity(0.4);
+// $gettext('SwissTopo', 'Map slopes layer')
 const swissSlopes = createSwisstopoLayer('SwissTopo', 'ch.swisstopo.hangneigung-ueber_30', 'png', '20160101');
 swissSlopes.setOpacity(0.4);