js.ontology.tree.plugin.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of molgenis-ontology Show documentation
There is a newer version: 8.4.5
//This us a tree plugin created for ontology tree specifically
(function($, molgenis) {
	"use strict";
	
	var restApi = new molgenis.RestClient();
	
	function createChildren(attributes, doSelect) {
		var children = [];
		$.each(attributes, function() {
			var isFolder = this.fieldType === 'COMPOUND';
			children.push({
				'key' : this.href,
				'title' : this.label,
				'tooltip' : this.description,
				'folder' : isFolder,
				'lazy' : isFolder,
				'expanded' : !isFolder,
				'selected' : doSelect === undefined ? defaultDoSelect(this) : doSelect(this),
				'data' : {
					'attribute' : this
				}
			});
		});
		return children;
	}
	
	function defaultDoSelect(node){
		return node.selected;
	}

	$.fn.tree = function(options) {
		var container = this;

		// call plugin method
		if (typeof options == 'string') {
			var args = Array.prototype.slice.call(arguments, 1);
			if (args.length === 0)
				return container.data('tree')[options]();
			else if (args.length === 1)
				return container.data('tree')[options](args[0]);
			else if (args.length === 2)
				return container.data('tree')[options](args[0], args[1]);
		}

		// cleanup existing tree
		if ($('.molgenis-tree', container).fancytree)
			$('.molgenis-tree', container).fancytree('destroy');

		// create tree container
		var items = [];
		items.push('');
		container.html(items.join(''));

		// create tree container
		var tree = $('.molgenis-tree', container);
		var settings = $.extend({}, $.fn.tree.defaults, options);

		// store tree settings
		container.data('settings', settings);

		// plugin methods
		container.data('tree', {
			'getSelectedAttributes' : function(options) {
				var selectedNodes = tree.fancytree('getTree').getSelectedNodes(
						true);
				return $.map(selectedNodes, function(selectedNode) {
					return selectedNode.data.attribute;
				});
			},
			'appendChildNodes' : function(parentNode, attributes){
				parentNode.expanded = true;
				var molgenisTree = $('.molgenis-tree').fancytree('getTree');
				var childrenToAdd = [];
				$.each(createChildren(attributes), function(index, childNode){
					if(!molgenisTree.getNodeByKey(childNode.key)){
						childrenToAdd.push(childNode)
					}
				});
				parentNode.addChildren(childrenToAdd);
			},
			'getTree' : function(){
				return $('.molgenis-tree').fancytree('getTree');
			}
		});

		var treeConfig = {
			'selectMode' : 3,
			'minExpandLevel' : 1,
			'debugLevel' : 0,
			'checkbox' : true,
			'keyPathSeparator' : '|',
			'init' : function() {
				if (settings.onInit)
					settings.onInit();
			},
			'lazyload' : function(e, data) {
				if (settings.lazyload !== undefined && typeof settings.lazyload === "function") {
					settings.lazyload(data, createChildren);
				}else{
					molgenis.createAlert([{'message' : 'lazyload function is undefined!'}], 'error');
				}
			},
			'source' : createChildren(settings.entityMetaData.attributes,
					function(attribute) {
						return settings.selectedAttributes ? $.inArray(
								attribute, settings.selectedAttributes) !== -1
								: false;
					}),
			'click' : function(e, data) {
				if (data.targetType === 'title' || data.targetType === 'icon') {
					if (settings.onAttributeClick)
						settings.onAttributeClick(data.node.data.attribute);
				}
			},
			'select' : function(e, data) {
				if (settings.onAttributesSelect)
					settings.onAttributesSelect({
						'attribute' : data.node.data.attribute,
						'select' : data.node.selected
					});
			}
		};
		tree.fancytree(treeConfig);

		$('.tree-select-all-btn', container).click(function(e) {
			e.preventDefault();

			var fn = settings.onAttributesSelect; // store handler
			settings.onAttributesSelect = null; // suppress events

			var selects = [];
			tree.fancytree("getRootNode").visit(function(node) {
				if (!node.isSelected()) {
					node.setSelected(true);
					selects.push({
						'attribute' : node.data.attribute,
						'select' : true
					});
				}
			});

			settings.onAttributesSelect = fn; // restore handler

			// fire event for new selects
			if (selects.length > 0)
				settings.onAttributesSelect(selects);
		});

		$('.tree-deselect-all-btn', container).click(function(e) {
			e.preventDefault();

			var fn = settings.onAttributesSelect; // store handler
			settings.onAttributesSelect = null; // suppress events

			var selects = [];
			tree.fancytree("getRootNode").visit(function(node) {
				if (node.isSelected()) {
					node.setSelected(false);
					selects.push({
						'attribute' : node.data.attribute,
						'select' : false
					});
				}
			});

			settings.onAttributesSelect = fn; // restore handler

			// fire event for new deselects
			if (selects.length > 0)
				settings.onAttributesSelect(selects);
		});

		return this;
	};

	// default tree settings
	$.fn.tree.defaults = {
		'entityMetaData' : null,
		'selectedAttributes' : null,
		'icon' : null,
		'onAttributeClick' : null,
		'onAttributesSelect' : null
	};
}($, window.top.molgenis = window.top.molgenis || {}));