ave-cms/lib/scripts/jquery.collapsible.min.js

/**
 * Collapsible, jQuery Plugin
 *
 * Collapsible management.  Optional cookie support using the jQuery Cookie plugin:
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright (c) 2010 John Snyder (snyderplace.com)
 * @license http://www.snyderplace.com/collapsible/license.txt New BSD
 * @version 1.2.1
 */
(function($) {
	$.fn.collapsible = function(cmd, arg) {

		//firewalling
		if (!this || this.length < 1) {
			return this;
		}

		//address command requests
		if (typeof cmd == 'string') {
			return $.fn.collapsible.dispatcher[cmd](this, arg);
		}

		//return the command dispatcher
		return $.fn.collapsible.dispatcher['_create'](this, cmd);
	};

	//create the command dispatcher
	$.fn.collapsible.dispatcher = {

		//initialized with options
		_create: function(obj, arg) {
			createCollapsible(obj, arg);
		},

		//toggle the element's display
		toggle: function(obj) {
			toggle(obj, loadOpts(obj));
			return obj;
		},

		//show the element
		open: function(obj) {
			open(obj, loadOpts(obj));
			return obj;
		},

		//hide the element
		close: function(obj) {
			close(obj, loadOpts(obj));
			return obj;
		},

		//check if the element is closed
		collapsed: function(obj) {
			return collapsed(obj, loadOpts(obj));
		},

		//open all closed containers
		openAll: function(obj) {
			return openAll(obj, loadOpts(obj));
		},

		//close all opened containers
		closeAll: function(obj) {
			return closeAll(obj, loadOpts(obj));
		},

		callBack: function() {
			console.log('132');
			return true;
		}
	};

	//create the initial collapsible
	function createCollapsible(obj, options) {

		//build main options before element iteration
		var opts = $.extend({}, $.fn.collapsible.defaults, options);

		//store any opened default values to set cookie later
		var opened = [];

		//iterate each matched object, bind, and open/close
		obj.each(function() {

			var $this = $(this);
			saveOpts($this, opts);

			//bind it to the event
			if (opts.bind == 'mouseenter') {
				$this.on('mouseenter', function(event) {
					event.preventDefault();
					toggle($this, opts);
				});
			}

			//bind it to the event
			if (opts.bind == 'mouseover') {
				$this.on('mouseover', function(event) {
					event.preventDefault();
					toggle($this, opts);
				});
			}

			//bind it to the event
			if (opts.bind == 'click') {
				$this.on('click', function(event) {
					event.preventDefault();
					toggle($this, opts);
				});

			}

			//bind it to the event
			if (opts.bind == 'dblclick') {
				$this.on('dblclick', function(event) {
					event.preventDefault();
					toggle($this, opts);
				});

			}

			//initialize the collapsibles
			//get the id for this element
			var id = $this.attr('id');

			//if not using cookies, open defaults
			if (!useCookies(opts)) {

				//is this collapsible in the default open array?
				var dOpenIndex = inDefaultOpen(id, opts);

				//close it if not defaulted to open
				if (dOpenIndex === false) {

					$this.addClass(opts.cssClose);
					opts.loadClose($this, opts);

				} else { //its a default open, open it

					$this.addClass(opts.cssOpen);
					opts.loadOpen($this, opts);
					opened.push(id);
				}

			} else { //can use cookies, use them now

				//has a cookie been set, this overrides default open
				if (issetCookie(opts)) {

					var cookieIndex = inCookie(id, opts);

					if (cookieIndex === false) {

						$this.addClass(opts.cssClose);
						opts.loadClose($this, opts);

					} else {

						$this.addClass(opts.cssOpen);
						opts.loadOpen($this, opts);
						opened.push(id);
					}

				} else { //a cookie hasn't been set open defaults, add them to opened array

					dOpenIndex = inDefaultOpen(id, opts);

					if (dOpenIndex === false) {

						$this.addClass(opts.cssClose);
						opts.loadClose($this, opts);

					} else {

						$this.addClass(opts.cssOpen);
						opts.loadOpen($this, opts);
						opened.push(id);
					}
				}
			}
		});

		//now that the loop is done, set the cookie
		if (opened.length > 0 && useCookies(opts)) {

			setCookie(opened.toString(), opts);

		} else { //there are none open, set cookie

			setCookie('', opts);
		}

		return obj;
	}

	//load opts from object
	function loadOpts($this) {
		return $this.data('collapsible-opts');
	}

	//save opts into object
	function saveOpts($this, opts) {
		return $this.data('collapsible-opts', opts);
	}

	//returns true if object is opened
	function collapsed($this, opts) {
		return $this.hasClass(opts.cssClose);
	}

	//hides a collapsible
	function close($this, opts) {

		//give the proper class to the linked element
		$this.addClass(opts.cssClose).removeClass(opts.cssOpen);

		//close the element
		opts.animateClose($this, opts);

		//do cookies if plugin available
		if (useCookies(opts)) {
			// split the cookieOpen string by ","
			var id = $this.attr('id');
			unsetCookieId(id, opts);
		}
	}

	//opens a collapsible
	function open($this, opts) {

		//give the proper class to the linked element
		$this.removeClass(opts.cssClose).addClass(opts.cssOpen);

		//open the element
		opts.animateOpen($this, opts);

		//do cookies if plugin available
		if (useCookies(opts)) {

			// split the cookieOpen string by ","
			var id = $this.attr('id');
			appendCookie(id, opts);
		}
	}

	//toggle a collapsible on an event
	function toggle($this, opts) {

		if (collapsed($this, opts)) {
			//open a closed element
			open($this, opts);
			setTimeout(function() {
				AveAdmin.sticky_panel_refresh();
			}, 20);
		} else {
			//close an open element
			close($this, opts);
			setTimeout(function() {
				AveAdmin.sticky_panel_refresh();
			}, 20);
		}

		return false;
	}

	//open all closed containers
	function openAll($this, opts) {

		// loop through all container elements
		$.each($this, function(elem, value) {

			if (collapsed($(value), opts)) {

				//open a closed element
				open($(value), opts);
			}
		});
	}

	//close all open containers
	function closeAll($this, opts) {

		$.each($this, function(elem, value) {

			if (!collapsed($(value), opts)) {

				//close an opened element
				close($(value), opts);
			}
		});
	}

	//close all open containers
	function callBack($this, opts) {
		alert();
	}

	//use cookies?
	function useCookies(opts) {

		//return false if cookie plugin not present or if a cookie name is not provided
		if (!$.cookie || opts.cookieName == '') {
			return false;
		}

		//we can use cookies
		return true;
	}

	//append a collapsible to the cookie
	function appendCookie(value, opts) {

		//check if cookie plugin available and cookiename is set
		if (!useCookies(opts)) {
			return false;
		}

		//does a cookie already exist
		if (!issetCookie(opts)) {

			//no lets set one
			setCookie(value, opts);
			return true;
		}

		//cookie already exists, is this collapsible already set?
		if (inCookie(value, opts)) { //yes, quit here
			return true;
		}

		//get the cookie
		var cookie = decodeURIComponent($.cookie(opts.cookieName));

		//turn it into an array
		var cookieArray = cookie.split(',');

		//add it to list
		cookieArray.push(value);

		//save it
		setCookie(cookieArray.toString(), opts);

		return true;
	}

	//unset a collapsible from the cookie
	function unsetCookieId(value, opts) {
		//check if cookie plugin available and cookiename is set
		if (!useCookies(opts)) {
			return false;
		}

		//if its not there we don't need to remove from it
		if (!issetCookie(opts)) { //quit here, don't have a cookie 
			return true;
		}

		//we have a cookie, is this collapsible in it
		var cookieIndex = inCookie(value, opts);
		if (cookieIndex === false) { //not in the cookie quit here
			return true;
		}

		//still here get the cookie
		var cookie = decodeURIComponent($.cookie(opts.cookieName));

		//turn it into an array
		var cookieArray = cookie.split(',');

		//lets pop it out of the array
		cookieArray.splice(cookieIndex, 1);

		//overwrite
		setCookie(cookieArray.toString(), opts);

		return true
	}

	//set a cookie
	function setCookie(value, opts) {
		//can use the cookie plugin
		if (!useCookies(opts)) { //no, quit here
			return false;
		}

		//cookie plugin is available, lets set the cookie
		$.cookie(opts.cookieName, value, opts.cookieOptions);

		return true;
	}

	//check if a collapsible is in the cookie
	function inCookie(value, opts) {
		//can use the cookie plugin
		if (!useCookies(opts)) {
			return false;
		}

		//if its not there we don't need to remove from it
		if (!issetCookie(opts)) { //quit here, don't have a cookie 
			return false;
		}

		//get the cookie value
		var cookie = decodeURIComponent($.cookie(opts.cookieName));

		//turn it into an array
		var cookieArray = cookie.split(',');

		//get the index of the collapsible if in the cookie array
		var cookieIndex = $.inArray(value, cookieArray);

		//is this value in the cookie array
		if (cookieIndex == -1) { //no, quit here
			return false;
		}

		return cookieIndex;
	}

	//check if a cookie is set
	function issetCookie(opts) {
		//can we use the cookie plugin
		if (!useCookies(opts)) { //no, quit here
			return false;
		}

		//is the cookie set
		if ($.cookie(opts.cookieName) === null) { //no, quit here
			return false;
		}

		return true;
	}

	//check if a collapsible is in the list of collapsibles to be opened by default
	function inDefaultOpen(id, opts) {
		//get the array of open collapsibles
		var defaultOpen = getDefaultOpen(opts);

		//is it in the default open array
		var index = $.inArray(id, defaultOpen);
		if (index == -1) { //nope, quit here
			return false;
		}

		return index;
	}

	//get the default open collapsibles and return array
	function getDefaultOpen(opts) {
		//initialize an empty array
		var defaultOpen = [];

		//if there is a list, lets split it into an array
		if (opts.defaultOpen != '') {
			defaultOpen = opts.defaultOpen.split(',');
		}

		return defaultOpen;
	}

	// settings
	$.fn.collapsible.defaults = {
		cssClose: 'collapse-close', //class you want to assign to a closed collapsible header
		cssOpen: 'collapse-open', //class you want to assign an opened collapsible header
		cookieName: 'collapsible', //name of the cookie you want to set for this collapsible
		cookieOptions: { //cookie options, see cookie plugin for details
			path: '/',
			expires: 7,
			domain: '',
			secure: ''
		},
		defaultOpen: '', //comma separated list of header ids that you want opened by default
		speed: 'slow', //speed of the slide effect
		bind: 'click', //event to bind to, supports click, dblclick, mouseover and mouseenter
		animateOpen: function(elem, opts) { //replace the standard slideUp with custom function
			elem.next().stop(true, true).slideDown(opts.speed);
		},
		animateClose: function(elem, opts) { //replace the standard slideDown with custom function
			elem.next().stop(true, true).slideUp(opts.speed);
		},
		loadOpen: function(elem, opts) { //replace the default open state with custom function
			elem.next().show();
		},
		loadClose: function(elem, opts) { //replace the default close state with custom function
			elem.next().hide();
		},
		callBack: function(opts) {
			console.log('132');
		}
	};

})(jQuery);