/**
* MySource Matrix Simple Edit Tools (jquery.matrixMap.js)
* version: 0.1 (MAY-05-2009)
* Copyright (C) 2009 Nicholas Hubbard
* @requires jQuery v1.3 or later
*
* Examples and documentation at: http://www.zedsaid.com/projects/simple-edit-tools
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
(function ($) {
/**
* Plugin that allows you to browse the MySource Matrix asset tree structure.
* This is beneficial sometimes as you can bypass the java asset map.
* It sends XML to Matrix, then receives an XML response.
* Demo: http://www.puc.edu/dev/jquery-matrix-test-suite/matrix-map
*
* @version $Revision: 0.1
*/
$.fn.matrixMap = function (options) {
var defaults = {
root: 1,
showChildren: false
};
var options = $.extend(defaults, options);
var obj = $(this);
// We need to grab our parent first
var parent = true;
// Find out what site we are at
var proto = location.protocol;
var site = location.host;
var host_url = proto + '//' + site + '?SQ_ACTION=asset_map_request';
// Construct our XML to send
var xml_get = '<command action="get assets"><asset assetid="' + defaults.root + '" start="0" limit="150" linkid="10" /></command>';
// Create our element
obj.append('<ul id="map_root"></ul>');
// Create a dummy var
var current_asset;
// Get our children
get_children(host_url, xml_get, parent, current_asset);
// Lets click our parents to show their children
$('#map_root li a').live('dblclick', function(){
// Get our current asset
var current_asset = $(this);
var sub_root = $(this).attr('id').replace('a', '');
// Build our tree
parent = false;
get_children(host_url, xml_get, parent, current_asset, sub_root);
return false;
});// End live dblclick
$('#map_root li a.asset_name').live('click', function(){
// Set our color when clicked
var attr_stat = $(this).attr('status');
if (attr_stat === '16') {
//$(this).addClass('live');
} else if (attr_stat === '2') {
//$(this).addClass('construction');
}
});// End live click
};// End matrixMap
})(jQuery);
function expand(current_asset, sub_root) {
// Check to see if we already have a class
if (current_asset.hasClass('children')) {
current_asset.removeClass('children');
// Hide our tree
current_asset.parent().next('ul').hide();
} else {
// This must meen that we can expand, so add a class
current_asset.addClass('children');
// Let it know that we have expanded so we don't have to load again
current_asset.parent('li').addClass('cache');
}// End else
}// End build_tree
function get_children(host_url, xml_get, parent, current_asset, sub_root) {
if (!parent) {
// Create a new list
current_asset.parent().after('<ul></ul>');
// What do we add it to?
var target = current_asset.parent().next();
// Construct our XML to send
xml_get = '<command action="get assets"><asset assetid="' + sub_root + '" start="0" limit="150" linkid="10" /></command>';
// Check if we need to even get kids
expand(current_asset, sub_root);
// If we have already expanded the children we don't want to load the tree again
if (current_asset.hasClass('cache')) {
//return;
}
} else {
// What do we add it to?
var target = '#map_root';
}
// Set somes image vars
var type_2_path = '/__lib/web/images/icons/asset_map/not_visible.png';
var type_2_image = '<img class="type_2" src="' + type_2_path + '" />';
// Create our ajax to send the XML
$.ajax({
url: host_url,
type: 'POST',
processData: false,
data: xml_get,
contentType: "text/xml",
dataType: 'xml',
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest + textStatus + errorThrown);
},
beforeSend: function () {
if (!parent) {
current_asset.parent().after('<ul class="loading"><li>Loading...</li></ul>');
}
},
success: function(xml) {
// Remove loading
$('.loading').remove();
// Check each asset that we find
$(xml).find('asset').each(function() {
// Only include asset tags with attributes
if ($(this).attr('assetid') > 0) {
// Set some of our vars that will populate our asset map
var asset_id = unescape($(this).attr('assetid'));
var asset_status = $(this).attr('status');
var asset_link_type = parseInt($(this).attr('link_type'));
var asset_type_code = $(this).attr('type_code');
var asset_num_kids = parseInt($(this).attr('num_kids'));
var asset_name = unescape($(this).attr('name')).replace(/\+/g, ' ');
// See what kind of link type we have
if (asset_link_type === 2) {
// Type 2 link
var asset_image = '<img class="asset_image" src="/__data/asset_types/' + asset_type_code + '/icon.png" />';
asset_image = type_2_image + asset_image;
} else {
// Type 1 link
var asset_image = '<img src="/__data/asset_types/' + asset_type_code + '/icon.png" />';
}
// See if we have kids
if (asset_num_kids > 0) {
var indicate_kids = 'kids_closed';
} else {
var indicate_kids = '';
}
$('<li></li>').html('<a href="#" class="icon_hold">' + asset_image + '</a><a id="a' + asset_id + '" href="#" >' + asset_name + '</a>')
.appendTo(target)
.addClass(indicate_kids)
.children('a:last')
.attr({
id: asset_id,
status: asset_status,
link_type: asset_link_type,
type_code: asset_type_code,
num_kids: asset_num_kids,
name: asset_name
})
.addClass('asset_name');
}// End if
});// End each
// Set our first/last class
$('ul li:first').addClass('first');
$('ul li:last').addClass('last');
}// End success
});// End ajax
}// End get_children
) is private.
