@@ -65,6 +65,19 @@ $.fn.matrixMap = function (options) { 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 @@ -85,7 +98,7 @@ function expand(current_asset, sub_root) { // 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'); + current_asset.parent('li').addClass('cache'); }// End else @@ -121,9 +134,6 @@ function get_children(host_url, xml_get, parent, current_asset, sub_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 + '" />'; - 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({ @@ -166,12 +176,25 @@ function get_children(host_url, xml_get, parent, current_asset, sub_root) { } // See if we have kids - if (asset_num_kids === 0) { - var indicate_kids = 'open'; + if (asset_num_kids > 0) { + var indicate_kids = 'kids_closed'; } else { - var indicate_kids = 'closed'; + var indicate_kids = ''; } - $('<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(target).addClass(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 jquery.matrixMap.js @@ -1,7 +1,7 @@ /* Styles for jquery.matrix.js matrixMap plugin */ /* Text Styles */ -#map_root {font: .9em/.6em Helvetica, Arial, Geneva, sans-serif; color: #000;} +#map_root {font: .8em/.6em Helvetica, Arial, Geneva, sans-serif; color: #000;} /* Remove any offending styles */ #map_root a, @@ -18,21 +18,22 @@ /* Tree */ #map_root {width: 400px; height: 400px; overflow: auto; background-color: #fff; padding: 12px; border: 1px solid #b8b8b8; margin-left: 0; white-space: nowrap;} -#map_root li {margin: 0; padding: 4px 0 4px 16px;} -#map_root li a {color: #000; font-size: .9em;} +#map_root li a {color: #000; font-size: .9em; line-height: 16px; height: 16px;} #map_root li a:hover {color: #000;} #map_root li img {margin-bottom: 0;} +#map_root a.asset_name {display: block; float: left; margin-left: 20px;} /* Stalks */ -#map_root li {background: url(/__lib/web/images/tree/stalk.gif) no-repeat -4px 0;} -#map_root li.closed {background: url(/__lib/web/images/tree/branch_closed.gif) no-repeat -4px 0;} -#map_root li.open {background: url(/__lib/web/images/tree/stalk.gif) no-repeat -4px 0;} -#map_root li.last {background: url(/__lib/web/images/tree/branch.gif) no-repeat -4px 0;} +#map_root ul {background: url(/__lib/web/images/tree/stalk.gif) repeat-y -5px 0; padding: 0 0 0 16px;} +#map_root li {display: block; line-height: 18px; padding: 0 0 0 14px; background: url(/__lib/web/images/tree/stalk.gif) no-repeat -5px 0; clear: both; height: 16px;} +#map_root li.closed {background: url(/__lib/web/images/tree/branch_closed.gif) no-repeat -5px 0;} +#map_root li.kids_closed {background: url(/__lib/web/images/tree/branch_closed.gif) no-repeat -5px -2;} +#map_root li.last {background: url(/__lib/web/images/tree/branch.gif) no-repeat -5px -3;} #map_root ul.loading li {background: url(/__lib/web/images/icons/asset_map/loading_node.png) no-repeat 0 0;} +#map_root li.cache {background: url(/__lib/web/images/tree/branch_open.gif) no-repeat -5px -2px;} /* Icons */ -#map_root a {padding-left: 16px;} -#map_root a.icon_hold {position: relative; padding-left: 0;} +#map_root a.icon_hold {position: relative; display: block; float: left;} #map_root a.icon_hold img.type_2 {position: absolute; z-index: 2; top: 0; left: 0;} #map_root a.icon_hold img.asset_image, #map_root a.icon_hold img {position: absolute; z-index: 1; top: 0; left: 0;} @@ -41,5 +42,5 @@ #map_root ul.loading {font-size: .9em;} /* Status */ -#map_root a.live {background-color: #0f0;} -#map_root a.construction {background-color: #19a2fa;} \ No newline at end of file +#map_root a.live {background-color: #dbf18a;} +#map_root a.construction {background-color: #aaccdd;} \ No newline at end of file matrixMap.css 01ac87cd6ebc97d39fd56125389585f670459aa4 Nic Hubbard nic@zedsaid.com http://github.com/nnhubbard/matrix-jquery-tools/commit/714b6e12ebcdba18f8956e580be26369a3fd8649 714b6e12ebcdba18f8956e580be26369a3fd8649 2009-05-07T08:17:08-07:00 2009-05-07T08:17:08-07:00 Fixed tree and styles. 3d0e0e7cf5355844e16c7f759523426c63d21e77 Nic Hubbard nic@zedsaid.com