Inverted onAdd() method of sidebar panes
This commit is contained in:
parent
71e7208a0a
commit
9acde429bf
4 changed files with 39 additions and 80 deletions
|
@ -1,23 +1,24 @@
|
|||
L.OSM.sidebarPane = function (options) {
|
||||
L.OSM.sidebarPane = function (options, uiClass, buttonTitle, paneTitle) {
|
||||
var control = L.control(options);
|
||||
|
||||
control.onAdd = function (map) {
|
||||
var $container = $("<div>")
|
||||
.attr("class", "control-" + uiClass);
|
||||
|
||||
control.makeButton = function (buttonClass, buttonTitle, toggle) {
|
||||
var button = $("<a>")
|
||||
.attr("class", "control-button")
|
||||
.attr("href", "#")
|
||||
.html("<span class=\"icon " + buttonClass + "\"></span>")
|
||||
.html("<span class=\"icon " + uiClass + "\"></span>")
|
||||
.on("click", toggle);
|
||||
|
||||
if (buttonTitle) {
|
||||
button.attr("title", I18n.t(buttonTitle))
|
||||
button.attr("title", I18n.t(buttonTitle));
|
||||
}
|
||||
|
||||
return button;
|
||||
};
|
||||
button.appendTo($container);
|
||||
|
||||
control.makeUI = function (uiClass, paneTitle, toggle) {
|
||||
var $ui = $("<div>")
|
||||
.attr("class", uiClass);
|
||||
.attr("class", uiClass + "-ui");
|
||||
|
||||
$("<div>")
|
||||
.attr("class", "sidebar_heading")
|
||||
|
@ -30,8 +31,24 @@ L.OSM.sidebarPane = function (options) {
|
|||
$("<h4>")
|
||||
.text(I18n.t(paneTitle)));
|
||||
|
||||
return $ui;
|
||||
};
|
||||
options.sidebar.addPane($ui);
|
||||
|
||||
this.onAddPane(map, button, $ui, toggle);
|
||||
|
||||
function toggle(e) {
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
if (!button.hasClass("disabled")) {
|
||||
options.sidebar.togglePane($ui, button);
|
||||
}
|
||||
$(".leaflet-control .control-button").tooltip("hide");
|
||||
}
|
||||
|
||||
return $container[0];
|
||||
}
|
||||
|
||||
// control.onAddPane = function (map, button, $ui, toggle) {
|
||||
// }
|
||||
|
||||
return control;
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue