D-Net

var tree;

var tt, contextElements = [];

var editedCollectionResourceId;

// load dojo RPC

dojo.require("dojo.rpc.*");

dojo.hostenv.writeIncludes();

dojo.require();

var roarQueue;

// define as global

window.addEvent('domready', function() {

	roarQueue = new Roar( {

		position :'upperRight',

		container :$('roarQueue_container'),

		duration :5000

	});

});

// create service object(proxy) using SMD (generated by the json result)

var service = new dojo.rpc.JsonService("CollectionInfo");

function formTree() {

	var treeDiv = document.getElementById('treeDiv1');

	treeInit();

	tt = new YAHOO.widget.Tooltip("tt", {

		context :contextElements

	});

	// handler for expanding all nodes

	YAHOO.util.Event.on("expand", "click", function(e) {

		YAHOO.log("Expanding all TreeView  nodes.", "info", "example");

		tree.destroy();

		tree = new YAHOO.widget.TreeView("treeDiv1");

		tree.setDynamicLoad(loadDataForTree);

		var root = tree.getRoot();

		var tmpNode = new YAHOO.widget.TextNode( {

			label :"Collections",

			id :"InfoSpace",

			expanded :true

		}, root);

		tree.render();

	});

	// handler for collapsing all nodes

	YAHOO.util.Event.on("collapse", "click", function(e) {

		YAHOO.log("Collapsing all TreeView  nodes.", "info", "example");

		tree.collapseAll();

		YAHOO.util.Event.preventDefault(e);

	});

}

function treeInit() {

	tree = new YAHOO.widget.TreeView("treeDiv1");

	tree.setDynamicLoad(loadDataForNode);

	var root = tree.getRoot();

	var tmpNode = new YAHOO.widget.TextNode( {

		label :"Collections",

		id :"InfoSpace",

		expanded :false,

		enableHighlight :false

	}, root);

	tmpNode.expand();

	tmpNode.highlight(false);

	tmpNode.renderHidden = true;

	contextElements.push(tmpNode.labelElId);

	tree.setNodesProperty('enableHighlight', 'false');

	// The tree is not created in the DOM until this method is called:

	tree.render();

}

function loadDataForNode(node, onCompleteCallback) {

	// -- code to get your data, possibly using Connect --

	getChildren(node, onCompleteCallback);

}

function loadDataForTree(node, onCompleteCallback) {

	getAllChildren(node, onCompleteCallback);

}

function getAllChildren(node, onCompleteCallback) {

	// load dojo RPC

	dojo.require("dojo.rpc.*");

	dojo.hostenv.writeIncludes();

	dojo.require();

	// create service object(proxy) using SMD (generated by the json result)

	var service = new dojo.rpc.JsonService("CollectionInfo");

	var callback = function(bean) {

		for ( var i = 0; i < bean.length; i++) {

			var collectionLabel;

			if (bean[i].visible)

				collectionLabel = bean[i].name;

			else

				collectionLabel = "<i>" + bean[i].name + "</i>";

			var myobj = {

				label :collectionLabel,

				id :bean[i].resourceId,

				enableHighlight :false,

				href :"javascript:fetchCollection('" + bean[i].resourceId

						+ "');"

			};

			var tmpNode = new YAHOO.widget.TextNode(myobj, node, true);

			if (bean[i].children.length == 0)

				tmpNode.isLeaf = true;

			contextElements.push(tmpNode.labelElId);

			// fetch first root collection

			if (bean[i].father == null && i == 0)

				fetchCollection(bean[i].resourceId);

		}

		// Be sure to notify the TreeView component when the data load is

		// complete

		onCompleteCallback();

	};

	// execute remote method

	var defered = service.getChildren(node.data.id);

	defered.addCallback(callback);

}

function getChildren(node, onCompleteCallback) {

	var callback = function(bean) {

		for ( var i = 0; i < bean.length; i++) {

			var collectionLabel;

			if (bean[i].visible)

				collectionLabel = bean[i].name;

			else

				collectionLabel = "<i>" + bean[i].name + "</i>";

			var myobj = {

				label :collectionLabel,

				id :bean[i].resourceId,

				enableHighlight :false,

				href :"javascript:fetchCollection('" + bean[i].resourceId

						+ "');"

			};

			var tmpNode = new YAHOO.widget.TextNode(myobj, node, false);

			if (bean[i].children.length == 0) {

				tmpNode.isLeaf = true;

			}

			contextElements.push(tmpNode.labelElId);

			// fetch first root collection

			if (bean[i].father == null && i == 0)

				fetchCollection(bean[i].resourceId);

		}

		// Be sure to notify the TreeView component when the data load is

		// complete

		onCompleteCallback();

	};

	// execute remote method

	var defered = service.getChildren(node.data.id);

	defered.addCallback(callback);

}

function updateCollection() {

	var name = document.getElementById('collectionName').value;

	var description = document.getElementById('collectionDescription').value;

	var subject = document.getElementById('collectionSubject').value;

	var iconUrl = document.getElementById('collectionIconUrl').value;

	var visible = false;

	var tmpVisible = document.getElementById('collectionVisible');

	if (tmpVisible.checked == true) {

		visible = true;

	}

	var frozen = false;

	var tmpFrozen = document.getElementById('collectionFrozen');

	if (tmpFrozen.checked == true) {

		frozen = true;

	}

	var privatevar = false;

	var tmpPrivate = document.getElementById('collectionPrivateTrue');

	if (tmpPrivate.checked == true) {

		privatevar = true;

	}

	var callback = function(bean) {

		if (bean.name != null) {

			document.getElementById('collectionLastUpdateDate').innerHTML = dateFormat(

					Date(bean.lastUpdateDate), "mmmm dd, yyyy");

			document.getElementById('collectionTitle').value = bean.name;

			if (bean.iconUrl != "")

				document.getElementById('collectionImage').src = bean.iconUrl;

			else

				document.getElementById('collectionImage').src = "static-content/images/logo_driver.png";

			var node = tree.getNodeByProperty("id", bean.resourceId);

			if (bean.visible) {

				node.label = bean.name;

			} else

				node.label = "<i>" + bean.name + "</i>";

			tree.render();

			roarQueue

					.alert('<p>Collection has been updated successfully.</p><p></p>');

		} else

			alert("A problem occured while updating collection");

	};

	// execute remote method

	var collectionBean = {

		"resourceId" :editedCollectionResourceId,

		"name" :name,

		"description" : [ description ],

		"visible" :visible,

		"private" :privatevar,

		"frozen" :frozen,

		"subject" :subject,

		"iconUrl" :iconUrl

	};

	var defered = service.updateCollection(collectionBean);

	// attach callback to defered object

	defered.addCallback(callback);

}

function fetchCollection(collectionId) {

	squeezeBoxLoading.open($('collection_loading'));

	// function called when remote method returns

	var callback = function(bean) {

		if (bean.isFatherPrivate != null) {

			document.getElementById('maincolumn2').style.display = 'block';

			document.getElementById('collectionID').value = collectionId;

			document.getElementById('collectionTitle').value = bean.collection.name;

			document.getElementById('collectionName').value = bean.collection.name;

			document.getElementById('collectionDescription').value = bean.collection.description;

			document.getElementById('collectionSubject').value = bean.collection.subject;

			document.getElementById('collectionQueryCriteria').innerHTML = "<i>No query defined</i>";

			document.getElementById('collectionItemsInBasket').innerHTML = bean.collection.documentsInBasket.length;

			if (bean.collection.query && bean.collection.query != "")

				document.getElementById('collectionQueryCriteria').innerHTML = bean.collection.query;

			if (bean.ownerEmail && bean.ownerEmail != "")

				document.getElementById('collectionOwnerEmail').innerHTML = bean.ownerEmail;

			else

				document.getElementById('collectionOwnerEmail').innerHTML = "<i>Not specified.</i>";

			if (bean.collection.iconUrl != "") {

				document.getElementById('collectionImage').src = bean.collection.iconUrl;

			} else

				document.getElementById('collectionImage').src = "static-content/images/logo_driver.png";

			document.getElementById('collectionIconUrl').value = bean.collection.iconUrl;

			if (bean.collection.visible)

				document.getElementById('collectionVisible').checked = true;

			else

				document.getElementById('collectionVisible').checked = false;

			if (bean.collection.frozen)

				document.getElementById('collectionFrozen').checked = true;

			else

				document.getElementById('collectionFrozen').checked = false;

			document.getElementById('collectionPrivateTrue').disabled = false;

			document.getElementById('collectionPrivateFalse').disabled = false;

			if (bean.collection.private) {

				document.getElementById('collectionPrivateTrue').checked = true;

				// if father is private you cannot turn to public

				if (bean.isFatherPrivate) {

					document.getElementById('collectionPrivateTrue').disabled = true;

					document.getElementById('collectionPrivateFalse').disabled = true;

				}

			} else {

				document.getElementById('collectionPrivateFalse').checked = true;

				// if you have children you cannot turn to private

				if (bean.collection.children.length > 0) {

					document.getElementById('collectionPrivateTrue').disabled = true;

					document.getElementById('collectionPrivateFalse').disabled = true;

				}

			}

			document.getElementById('collectionLastUpdateDate').innerHTML = dateFormat(

					Date(bean.collection.lastUpdateDate), "mmmm dd, yyyy");

			document.getElementById('collectionDocumentCount').innerHTML = bean.collection.documentCount;

			editedCollectionResourceId = bean.collection.resourceId;

			if (bean.basketDocuments != null) {

				document.getElementById('collectionsDocumentList').innerHTML = "";

				for ( var i = 0; i < bean.basketDocuments.length; i++)

					addDocumentDiv(i, bean.basketDocuments[i].title,

							bean.basketDocuments[i].documentId,

							bean.basketDocuments[i].summaryFields,

							'collectionsDocumentList');

			} else {

				document.getElementById('collectionsDocumentList').innerHTML = "<i>There are no documents in your basket.</i>";

			}

		} else {

			alert("A problem occured while getting collection");

		}

		squeezeBoxLoading.close();	

	};

	// execute remote method

	var defered = service.getCollection(collectionId);

	// attach callback to defered object

	defered.addCallback(callback);

}

function addDocumentDiv(index, title, documentId, summaryFields, targetDiv) {

	var documentListDiv = document.getElementById(targetDiv);

	var documentDiv = document.createElement('div');

	documentDiv.setAttribute('id', "document" + index);

	var mydriveritemDiv = document.createElement('div');

	mydriveritemDiv.setAttribute('class', "mydriveritem");

	var contentDiv = document.createElement('div');

	contentDiv.setAttribute('class', "content");

	var rightDiv = document.createElement('div');

	rightDiv.setAttribute('class', "right");

	rightDiv.innerHTML = "<h2>" + "<input type=\"checkbox\" name=\""

			+ documentId + "\" value=\"true\" id=\"" + documentId + " />"

			+ "</h2>";

	contentDiv.appendChild(rightDiv);

	var titleDiv = document.createElement('div');

	titleDiv.innerHTML = "<h2><img src=\"static-content/images/icons/document_pdf.png\" alt=\"PDF\" width=\"25\" height=\"25\" align=\"absmiddle\" />"

			+ title + "</h2>";

	var document_detailsDiv = document.createElement('div');

	document_detailsDiv.setAttribute('class', "document_details");

	for ( var key in summaryFields) {

		var summaryFieldDiv = document.createElement('div');

		summaryFieldDiv.setAttribute('class', "resultsField")

		summaryFieldDiv.innerHTML =  '<span class="resultsFieldNm">' + key + ':&nbsp;&nbsp;</span>' + summaryFields[key];

		document_detailsDiv.appendChild(summaryFieldDiv);

	}

	var document_infoDiv = document.createElement('div');

	document_infoDiv.setAttribute('class', "document_info");

	var document_moreDiv = document.createElement('div');

	document_moreDiv.setAttribute('class', "document_more");

	document_moreDiv.innerHTML = "Show document details";

	var document_fewerDiv = document.createElement('div');

	document_fewerDiv.setAttribute('class', "document_fewer");

	document_fewerDiv.innerHTML = "Hide document details";

	document_infoDiv.appendChild(document_moreDiv);

	document_infoDiv.appendChild(document_fewerDiv);

	contentDiv.appendChild(titleDiv);

	contentDiv.appendChild(document_detailsDiv);

	contentDiv.appendChild(document_infoDiv);

	mydriveritemDiv.appendChild(contentDiv);

	documentDiv.appendChild(mydriveritemDiv);

	documentListDiv.appendChild(documentDiv);

	// implement the more/fewer options sliders on ALL dropbox items on

	// the page

	$$('.mydriveritem').each(

			function(item) {

				if (item.getElement('.document_details')) {

					var document_details = new Fx.Slide(item

							.getElement('.document_details')).hide();

					item.getElement('.document_fewer').hide();

					item.getElement('.document_more').addEvent('click',

							function(e) {

								e.stop();

								document_details.slideIn();

							});

					item.getElement('.document_fewer').addEvent('click',

							function(e) {

								e.stop();

								document_details.slideOut();

							});

					document_details.addEvent('complete', function() {

						if (this.open) {

							item.getElement('.document_more').hide();

							item.getElement('.document_fewer').show();

						} else {

							item.getElement('.document_more').show();

							item.getElement('.document_fewer').hide();

						}

					});

				}

			});

}