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

Add expand/collapse tree buttons

Browse source
This commit is contained in:
Norbert Renner 2019-03-20 18:41:22 +01:00
parent 64957d923b
commit e02be4ca15
3 changed files with 45 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

44
js/control/LayersTab.js
View file

@ -8,6 +8,10 @@ BR.LayersTab = L.Control.Layers.extend({
var layerIndex = BR.layerIndex;
L.DomUtil.get('layers-control-wrapper').appendChild(this._form);
this.initButtons();
this.addLeafletProvidersLayers();
var structure = {
@ -124,18 +128,6 @@ BR.LayersTab = L.Control.Layers.extend({
this.removeLayer(obj.layer);
};
L.DomUtil.get('layers-control-wrapper').appendChild(this._form);
// custom collapse to avoid Bootstrap animation
var toggleOptionalLayers = function(e) {
var button = this;
var div = L.DomUtil.get('optional-layers-tree');
div.hidden = !div.hidden;
button.classList.toggle('active');
};
L.DomUtil.get('optional_layers_button').onclick = toggleOptionalLayers;
$('#optional-layers-tree')
.on('select_node.jstree', L.bind(onSelectNode, this))
.on('deselect_node.jstree', L.bind(onDeselectNode, this))
@ -164,6 +156,34 @@ BR.LayersTab = L.Control.Layers.extend({
return this;
},
initButtons: function () {
var expandTree = function (e) {
this.jstree.open_all();
};
var collapseTree = function (e) {
this.jstree.close_all();
};
var toggleOptionalLayers = function (e) {
var button = L.DomUtil.get('optional_layers_button');
var treeButtons = L.DomUtil.get('tree-button-group');
var div = L.DomUtil.get('optional-layers-tree');
div.hidden = !div.hidden;
treeButtons.hidden = !treeButtons.hidden;
button.classList.toggle('active');
if (div.hidden) {
this.deselectNode();
}
};
L.DomUtil.get('expand_tree_button').onclick = L.bind(expandTree, this);
L.DomUtil.get('collapse_tree_button').onclick = L.bind(collapseTree, this);
L.DomUtil.get('optional_layers_button').onclick = L.bind(toggleOptionalLayers, this);
},
toJsTree: function (layerTree) {
var data = [];
var self = this;