ab467a94ab
- adopt horizontal styles - common font size for layers tab - adopt to layer switcher layout with slider as child of label element - separate slider wrapper from control, as overlay slider is none - migrate localStorage legacy key
58 lines
1.8 KiB
JavaScript
58 lines
1.8 KiB
JavaScript
BR.OpacitySlider = L.Class.extend({
|
|
options: {
|
|
id: '',
|
|
reversed: true,
|
|
orientation: 'vertical',
|
|
defaultValue: BR.conf.defaultOpacity,
|
|
title: '',
|
|
callback: function(opacity) {}
|
|
},
|
|
|
|
initialize: function(options) {
|
|
L.setOptions(this, options);
|
|
|
|
var input = (this.input = $(
|
|
'<input id="slider-' + this.options.id + '" type="text"/>'
|
|
)),
|
|
item = BR.Util.localStorageAvailable()
|
|
? localStorage['opacitySliderValue' + this.options.id]
|
|
: null,
|
|
value = item ? parseInt(item) : this.options.defaultValue * 100,
|
|
minOpacity = (BR.conf.minOpacity || 0) * 100;
|
|
|
|
if (value < minOpacity) {
|
|
value = minOpacity;
|
|
}
|
|
|
|
input
|
|
.slider({
|
|
id: this.options.id,
|
|
min: 0,
|
|
max: 100,
|
|
step: 1,
|
|
value: value,
|
|
orientation: this.options.orientation,
|
|
reversed: this.options.reversed,
|
|
selection: this.options.reversed ? 'before' : 'after', // inverted, serves as track style, see css
|
|
tooltip: 'hide'
|
|
})
|
|
.on('slide slideStop', { self: this }, function(evt) {
|
|
evt.data.self.options.callback(evt.value / 100);
|
|
})
|
|
.on('slideStop', { self: this }, function(evt) {
|
|
if (BR.Util.localStorageAvailable()) {
|
|
localStorage[
|
|
'opacitySliderValue' + evt.data.self.options.id
|
|
] = evt.value;
|
|
}
|
|
});
|
|
|
|
this.getElement().title = this.options.title;
|
|
|
|
this.options.callback(value / 100);
|
|
},
|
|
|
|
getElement: function() {
|
|
return this.input.slider('getElement');
|
|
}
|
|
});
|