Skip to content

New event to hide/show all elements #85

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Nov 2, 2015
Merged

New event to hide/show all elements #85

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
996573f
New event to hide/show all elements
Indigo744 Oct 29, 2015
a8f4d95
Correct update event to reset map elements
Indigo744 Oct 30, 2015
dc1994c
Fix to hide/show elements only of current map
Indigo744 Oct 30, 2015
dc22014
Hide/Show all elements from legend in update event
Indigo744 Nov 2, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 19 additions & 8 deletions js/jquery.mapael.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -229,20 +229,31 @@
* opt.afterUpdate Hook that allows to add custom processing on the map
* opt.newLinks new links to add to the map
* opt.deletedLinks links to remove from the map
* opt.setLegendElemsState the state of legend elements to be set : show (default) or hide
*/
$self.on("update", function(e, updatedOptions, newPlots, deletedPlots, opt) {
var i = 0
, id = 0
, animDuration = 0
, elemOptions = {};
, elemOptions = {},
showlegendElems = true;

// Reset hidden map elements (when user click on legend elements)
$.each(legends, function(index, el) {
el.forEach && el.forEach(function(el) {
if(typeof el.hidden != "undefined" && el.hidden == true) {
$(el.node).trigger("click");
}
});
// Set showlegendElems variable
// If not defined, or badly defined, revert to TRUE
if (typeof opt != "undefined" && typeof opt.setLegendElemsState === "string") {
showlegendElems = (opt.setLegendElemsState === "hide") ? false : true;
}

// Hide/Show all elements based on showlegendElems
// Toggle (i.e. click) only if:
// - slice legend is shown AND we want to hide
// - slice legend is hidden AND we want to show
$("[data-type='elem']", $(this)).each(function() {
if (($(this).attr('data-hidden') === "0" && showlegendElems === false) ||
($(this).attr('data-hidden') === "1" && showlegendElems === true)) {
// Toggle state of element by clicking
$(this).trigger('click', false);
}
});

if (typeof opt != "undefined") {
Expand Down