File Manager Pro

/data/web/virtuals/8819/virtual/www/media/nnframework/js/multiselect.js 6.3 KB 0640 Back

/**
 * @package         NoNumber Framework
 * @version         16.2.2173
 * 
 * @author          Peter van Westen <peter@nonumber.nl>
 * @link            http://www.nonumber.nl
 * @copyright       Copyright © 2016 NoNumber All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

(function($) {
	"use strict";

$(document).ready(function() {
		$('.nn_multiselect').each(function() {
			var controls = $(this).find('div.nn_multiselect-controls');
			var list = $(this).find('ul.nn_multiselect-ul');
			var menu = $(this).find('div.nn_multiselect-menu-block').html();
			var maxheight = list.css('max-height');

list.find('li').each(function() {
				var $li = $(this);
				var $div = $li.find('div.nn_multiselect-item:first');

// Add icons
				$li.prepend('<span class="pull-left icon-"></span>');

// Append clearfix
				$div.after('<div class="clearfix"></div>');

if ($li.find('ul.nn_multiselect-sub').length) {
					// Add classes to Expand/Collapse icons
					$li.find('span.icon-').addClass('nn_multiselect-toggle icon-minus');

// Append drop down menu in nodes
					$div.find('label:first').after(menu);

if (!$li.find('ul.nn_multiselect-sub ul.nn_multiselect-sub').length) {
						$li.find('div.nn_multiselect-menu-expand').remove();
					}
				}
			});

// Takes care of the Expand/Collapse of a node
			list.find('span.nn_multiselect-toggle').click(function() {
				var $icon = $(this);

// Take care of parent UL
				if ($icon.parent().find('ul.nn_multiselect-sub').is(':visible')) {
					$icon.removeClass('icon-minus').addClass('icon-plus');
					$icon.parent().find('ul.nn_multiselect-sub').hide();
					$icon.parent().find('ul.nn_multiselect-sub span.nn_multiselect-toggle').removeClass('icon-minus').addClass('icon-plus');
				} else {
					$icon.removeClass('icon-plus').addClass('icon-minus');
					$icon.parent().find('ul.nn_multiselect-sub').show();
					$icon.parent().find('ul.nn_multiselect-sub span.nn_multiselect-toggle').removeClass('icon-plus').addClass('icon-minus');
				}
			});

// Takes care of the filtering
			controls.find('input.nn_multiselect-filter').keyup(function() {
				var $text = $(this).val().toLowerCase();
				list.find('li').each(function() {
					var $li = $(this);
					if ($li.text().toLowerCase().indexOf($text) == -1) {
						$li.hide();
					} else {
						$li.show();
					}
				});
			});

// Checks all checkboxes in the list
			controls.find('a.nn_multiselect-checkall').click(function() {
				list.find('input').prop('checked', true);
			});

// Unchecks all checkboxes in the list
			controls.find('a.nn_multiselect-uncheckall').click(function() {
				list.find('input').prop('checked', false);
			});

// Toggles all checkboxes in the list
			controls.find('a.nn_multiselect-toggleall').click(function() {
				list.find('input').each(function() {
					var $input = $(this);
					if ($input.prop('checked')) {
						$input.prop('checked', false);
					} else {
						$input.prop('checked', true);
					}
				});
			});

// Expands all sub-items in the list
			controls.find('a.nn_multiselect-expandall').click(function() {
				list.find('ul.nn_multiselect-sub').show();
				list.find('span.nn_multiselect-toggle').removeClass('icon-plus').addClass('icon-minus');
			});

// Hides all sub-items in the list
			controls.find('a.nn_multiselect-collapseall').click(function() {
				list.find('ul.nn_multiselect-sub').hide();
				list.find('span.nn_multiselect-toggle').removeClass('icon-minus').addClass('icon-plus');
			});

// Shows all selected items in the list
			controls.find('a.nn_multiselect-showall').click(function() {
				list.find('li').show();
			});

// Shows all selected items in the list
			controls.find('a.nn_multiselect-showselected').click(function() {
				list.find('li').each(function() {
					var $li = $(this);
					var $hide = true;
					$li.find('input').each(function() {
						if ($(this).prop('checked')) {
							$hide = false;
							return false;
						}
					});

if ($hide) {
						$li.hide();
						return;
					}

$li.show();
				});
			});

// Maximizes the list
			controls.find('a.nn_multiselect-maximize').click(function() {
				list.css('max-height', '');
				controls.find('a.nn_multiselect-maximize').hide();
				controls.find('a.nn_multiselect-minimize').show();
			});

// Minimizes the list
			controls.find('a.nn_multiselect-minimize').click(function() {
				list.css('max-height', maxheight);
				controls.find('a.nn_multiselect-minimize').hide();
				controls.find('a.nn_multiselect-maximize').show();
			});

});

// Take care of children check/uncheck all
		$('div.nn_multiselect a.checkall').click(function() {
			$(this).parent().parent().parent().parent().parent().parent().find('ul.nn_multiselect-sub input').prop('checked', true);
		});
		$('div.nn_multiselect a.uncheckall').click(function() {
			$(this).parent().parent().parent().parent().parent().parent().find('ul.nn_multiselect-sub input').prop('checked', false);
		});

// Take care of children toggle all
		$('div.nn_multiselect a.expandall').click(function() {
			var $parent = $(this).parent().parent().parent().parent().parent().parent().parent();
			$parent.find('ul.nn_multiselect-sub').show();
			$parent.find('ul.nn_multiselect-sub span.nn_multiselect-toggle').removeClass('icon-plus').addClass('icon-minus');
		});
		$('div.nn_multiselect a.collapseall').click(function() {
			var $parent = $(this).parent().parent().parent().parent().parent().parent().parent();
			$parent.find('li ul.nn_multiselect-sub').hide();
			$parent.find('li span.nn_multiselect-toggle').removeClass('icon-minus').addClass('icon-plus');
		});
		$('div.nn_multiselect-item.hidechildren').click(function() {
			var $parent = $(this).parent();

$(this).find('input').each(function() {
				var $sub = $parent.find('ul.nn_multiselect-sub').first();
				var $input = $(this);
				if ($input.prop('checked')) {
					$parent.find('span.nn_multiselect-toggle, div.nn_multiselect-menu').css('visibility', 'hidden');
					if (!$sub.parent().hasClass('hidelist')) {
						$sub.wrap('<div style="display:none;" class="hidelist"></div>');
					}
				} else {
					$parent.find('span.nn_multiselect-toggle, div.nn_multiselect-menu').css('visibility', 'visible');
					if ($sub.parent().hasClass('hidelist')) {
						$sub.unwrap();
					}
				}
			});
		});
	});
})(jQuery);

Cancel Download