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

Add active state to route quality coding button, sync layer (#262)

Browse source
This commit is contained in:
Norbert Renner 2019-12-12 11:08:50 +01:00
parent 3324f9c270
commit 7691e15d61
1 changed files with 55 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

65
js/plugin/RoutingPathQuality.js
View file

@ -68,13 +68,33 @@ BR.RoutingPathQuality = L.Control.extend({
})
}
};
this.selectedProvider = this.options.initialProvider || 'incline';
this._initialProvider = this.options.initialProvider || 'incline';
this.selectedProvider = this._initialProvider;
this._active = false;
},
onAdd: function(map) {
var self = this;
this._map = map;
this._routingSegments.addTo(map);
map.on(
'overlayadd',
function(evt) {
if (evt.layer === this._routingSegments) {
this._activate(this.routingPathButton);
}
},
this
);
map.on(
'overlayremove',
function(evt) {
if (evt.layer === this._routingSegments) {
this._deactivate(this.routingPathButton);
}
},
this
);
var states = [],
i,
@ -88,12 +108,22 @@ BR.RoutingPathQuality = L.Control.extend({
stateName: keys[i],
icon: provider.icon,
title: provider.title,
onClick: (function(state) {
return function(btn) {
btn.state(state);
self.setProvider(state);
};
})(nextState)
onClick: L.bind(function(state) {
return L.bind(function(btn) {
if (this._active) {
btn.state(state);
this.setProvider(state);
if (state === this._initialProvider) {
this._deactivate(btn);
} else {
this._getIcon(btn).classList.add('active');
}
} else {
this._activate(btn);
}
}, this);
}, this)(nextState)
});
}
@ -103,6 +133,22 @@ BR.RoutingPathQuality = L.Control.extend({
return new L.DomUtil.create('div');
},
_activate: function(btn) {
this._active = true;
this._getIcon(btn).classList.add('active');
this._routingSegments.addTo(this._map);
},
_deactivate: function(btn) {
this._active = false;
this._getIcon(btn).classList.remove('active');
this._map.removeLayer(this._routingSegments);
},
_getIcon: function(btn) {
return btn.button.firstChild.firstChild;
},
update: function(track, layer) {
var segments = [];
layer.eachLayer(function(layer) {
@ -115,7 +161,6 @@ BR.RoutingPathQuality = L.Control.extend({
setProvider: function(provider) {
this.selectedProvider = provider;
this._update(this.segments);
this._routingSegments.addTo(this._map);
},
_update: function(segments) {