Use plural form when multiple overlays are active (#378)
This commit is contained in:
parent
845a3f0378
commit
e188d8f9de
4 changed files with 18 additions and 7 deletions
10
index.html
10
index.html
|
|
@ -850,13 +850,9 @@
|
|||
><span data-i18n="sidebar.layers.title">Layers</span>
|
||||
</h1>
|
||||
<div id="layers-control-wrapper"></div>
|
||||
<div class="leaflet-control-layers-separator"></div>
|
||||
<div>
|
||||
<label
|
||||
id="leaflet-control-layers-overlays-opacity-slider"
|
||||
data-i18n="sidebar.layers.overlay-opacity"
|
||||
>Overlay transparency</label
|
||||
>
|
||||
<div id="leaflet-control-layers-overlays-opacity-slider">
|
||||
<div class="leaflet-control-layers-separator"></div>
|
||||
<label data-i18n="sidebar.layers.overlay-opacity">Overlay transparency</label>
|
||||
</div>
|
||||
<div class="leaflet-control-layers-separator"></div>
|
||||
<div id="layers-button-group">
|
||||
|
|
|
|||
|
|
@ -26,12 +26,14 @@ BR.LayersTab = BR.ControlLayers.extend({
|
|||
BR.ControlLayers.prototype.onAdd.call(this, map);
|
||||
|
||||
map.on('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
|
||||
map.on('overlayadd overlayremove', this.updateOpacityLabel, this);
|
||||
},
|
||||
|
||||
onRemove: function (map) {
|
||||
BR.ControlLayers.prototype.onRemove.call(this, map);
|
||||
|
||||
map.off('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
|
||||
map.off('overlayadd overlayremove', this.updateOpacityLabel, this);
|
||||
},
|
||||
|
||||
initOpacitySlider: function (map) {
|
||||
|
|
@ -472,6 +474,17 @@ BR.LayersTab = BR.ControlLayers.extend({
|
|||
}
|
||||
}
|
||||
},
|
||||
|
||||
updateOpacityLabel: function () {
|
||||
var slider = $('#leaflet-control-layers-overlays-opacity-slider');
|
||||
var overlaysCount = this.getActiveLayers().length - 1;
|
||||
if (overlaysCount === 0) {
|
||||
slider.hide();
|
||||
} else {
|
||||
slider.show();
|
||||
slider.children()[1].innerText = i18next.t('sidebar.layers.overlay-opacity', { count: overlaysCount });
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
BR.layersTab = function (baseLayers, overlays, options) {
|
||||
|
|
|
|||
|
|
@ -241,6 +241,7 @@
|
|||
"optional": "Add or remove optional layers",
|
||||
"optional-layers": "More",
|
||||
"overlay-opacity": "Overlay transparency",
|
||||
"overlay-opacity_plural": "Overlays transparency",
|
||||
"table": {
|
||||
"URL": "URL",
|
||||
"empty": "No custom layer configured yet.",
|
||||
|
|
|
|||
|
|
@ -238,6 +238,7 @@
|
|||
"optional": "Ajouter ou supprimer des calques optionnels",
|
||||
"optional-layers": "Plus",
|
||||
"overlay-opacity": "Transparence de la surcouche",
|
||||
"overlay-opacity_plural": "Transparence des surcouches",
|
||||
"table": {
|
||||
"URL": "URL",
|
||||
"empty": "Aucun calque personnel trouvé.",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue