ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Use plural form when multiple overlays are active (#378)

Browse source
This commit is contained in:
Gautier P 2021-03-01 20:13:42 +01:00 • committed by GitHub
parent 845a3f0378
commit e188d8f9de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -850,13 +850,9 @@
><span data-i18n="sidebar.layers.title">Layers</span> ><span data-i18n="sidebar.layers.title">Layers</span>
</h1> </h1>
<div id="layers-control-wrapper"></div> <div id="layers-control-wrapper"></div>
<div class="leaflet-control-layers-separator"></div> <div id="leaflet-control-layers-overlays-opacity-slider">
<div> <div class="leaflet-control-layers-separator"></div>
<label <label data-i18n="sidebar.layers.overlay-opacity">Overlay transparency</label>
id="leaflet-control-layers-overlays-opacity-slider"
data-i18n="sidebar.layers.overlay-opacity"
>Overlay transparency</label
>
</div> </div>
<div class="leaflet-control-layers-separator"></div> <div class="leaflet-control-layers-separator"></div>
<div id="layers-button-group"> <div id="layers-button-group">

13
js/control/LayersTab.js
View file

@ -26,12 +26,14 @@ BR.LayersTab = BR.ControlLayers.extend({
BR.ControlLayers.prototype.onAdd.call(this, map); BR.ControlLayers.prototype.onAdd.call(this, map);
map.on('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this); map.on('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
map.on('overlayadd overlayremove', this.updateOpacityLabel, this);
}, },
onRemove: function (map) { onRemove: function (map) {
BR.ControlLayers.prototype.onRemove.call(this, map); BR.ControlLayers.prototype.onRemove.call(this, map);
map.off('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this); map.off('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
map.off('overlayadd overlayremove', this.updateOpacityLabel, this);
}, },
initOpacitySlider: function (map) { 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) { BR.layersTab = function (baseLayers, overlays, options) {

1
locales/en.json
View file

@ -241,6 +241,7 @@
"optional": "Add or remove optional layers", "optional": "Add or remove optional layers",
"optional-layers": "More", "optional-layers": "More",
"overlay-opacity": "Overlay transparency", "overlay-opacity": "Overlay transparency",
"overlay-opacity_plural": "Overlays transparency",
"table": { "table": {
"URL": "URL", "URL": "URL",
"empty": "No custom layer configured yet.", "empty": "No custom layer configured yet.",

1
locales/fr.json
View file

@ -238,6 +238,7 @@
"optional": "Ajouter ou supprimer des calques optionnels", "optional": "Ajouter ou supprimer des calques optionnels",
"optional-layers": "Plus", "optional-layers": "Plus",
"overlay-opacity": "Transparence de la surcouche", "overlay-opacity": "Transparence de la surcouche",
"overlay-opacity_plural": "Transparence des surcouches",
"table": { "table": {
"URL": "URL", "URL": "URL",
"empty": "Aucun calque personnel trouvé.", "empty": "Aucun calque personnel trouvé.",