jquery.matrixMap.js @@ -1,5 +1,9 @@ jquery.matrix.js +jquery.matrixMap.js Copyright 2009 Nicholas Hubbard +Dual licensed under the MIT and GPL licenses: +http://www.opensource.org/licenses/mit-license.php +http://www.gnu.org/licenses/gpl.html This file provides a description for each jquery.matrix plugin. NOTE: Most plugins require some sort of configuration within MySource Matrix in order to talk to the server. Please take a look at the tutorials at www.zedsaid.com/projects README @@ -1,6 +1,6 @@ /** * MySource Matrix Simple Edit Tools (jquery.matrix.js) -* version: 0.3 (APR-16-2009) +* version: 0.3 (May-05-2009) * Copyright (C) 2009 Nicholas Hubbard * @requires jQuery v1.3 or later * @requires Trigger or Asset configuration in MySource Matrix @@ -28,188 +28,6 @@ function page_on_load() { /** -* 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.3 -*/ -$.fn.matrixMap = function (options) { - var defaults = { - root: 1, - showChildren: false - }; - - var options = $.extend(defaults, options); - var obj = $(this); - - // 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_move = '<command action="move asset" to_parent_assetid="2858" to_parent_pos="1"><asset assetid="47315" linkid="81951" parentid="2858" /></command>'; - 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>'); - - // 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 + '" />'; - var branch_closed = '<img src="/__lib/web/images/tree/branch_closed.gif" />'; - var branch_open = '<img src="/__lib/web/images/tree/branch_open.gif" />'; - var branch_stalk = '<img src="/__lib/web/images/tree/stalk.gif" />'; - - // Create our ajax to send the XML - $.ajax({ - url: host_url, - type: 'POST', - processData: false, - data: xml_get, - contentType: "text/xml", - dataType: 'xml', - success: function(xml) { - // Check each asset that we find - $(xml).find('asset').each(function() { - // Only include asset tags with attributesp - 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 = branch_stalk; - } else { - var indicate_kids = branch_closed; - } - $('<li></li>').html('<a href="#" class="icon_hold">' + asset_image + '</a> <a id="a' + asset_id + '" href="#" rel="' + asset_num_kids + '">' + asset_name + '</a>').appendTo('#map_root'); - }// End if - - });// End each - - // Set our first/last class - $('ul li:first').addClass('first'); - $('ul li:last').addClass('last'); - - }// End success - - });// End ajax - - // 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', ''); - var num_kids = $(this).attr('rel'); - - // If there are no kids don't continue - if (num_kids === '0') { - return; - } - - // 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(); - return; - } 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.addClass('cache'); - } - - // Construct our XML to send - var xml_get = '<command action="get assets"><asset assetid="' + sub_root + '" start="0" limit="150" linkid="10" /></command>'; - - // Create a new list - current_asset.parent().after('<ul></ul>'); - - // Grab our child assets - $.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 () { - current_asset.parent().after('<ul class="loading"><li><img src="/__lib/web/images/icons/asset_map/loading_node.png" /> 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 attributesp - 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_type_code = $(this).attr('type_code'); - var asset_link_type = parseInt($(this).attr('link_type')); - var asset_num_kids = parseInt($(this).attr('num_kids')); - var asset_name = unescape($(this).attr('name')).replace(/\+/g, ' '); - var asset_image = ' <img src="/__data/asset_types/' + asset_type_code + '/icon.png" />'; - // 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" />'; - var 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 = branch_stalk; - } else { - var indicate_kids = branch_closed; - } - - $('<li></li>').html('<a href="#" class="icon_hold">' + asset_image + '</a> <a id="a' + asset_id + '" href="#" rel="' + asset_num_kids + '">' + asset_name + '</a>').appendTo(current_asset.parent().next()); - }// End if - - });// End each - - // Set our first/last class - $('ul li:first').addClass('first'); - $('ul li:last').addClass('last'); - - }// End success - - });// End ajax - - return false; - - });// End live click - -};// End matrixMap - - -/** * Plugin that allows Asset Builders to be submitted using Ajax. * This is nessessary to allow Matrix to open a from as a stand alone. * jquery.matrix.js eda71172801e3f25c33d46daf14dd47341e25cf3 Nic Hubbard nic@zedsaid.com http://github.com/nnhubbard/matrix-jquery-tools/commit/acdad1e869e7add1fae3c6ef9734e6c9192ec9df acdad1e869e7add1fae3c6ef9734e6c9192ec9df 2009-05-05T18:53:04-07:00 2009-05-05T18:53:04-07:00 matrixMap has now been moved to its own .js file. This plugin is going to be significantly larger than the others, and it needs its own file. This will essentially be a seperate project. e0e1cef41f02aa53179009f2868c5758e28332ad Nic Hubbard nic@zedsaid.com