diff --git a/js/hdelk.js b/js/hdelk.js index ea18888..1759458 100644 --- a/js/hdelk.js +++ b/js/hdelk.js @@ -11,13 +11,13 @@ var hdelk = (function(){ var node_min_width = 20; var node_min_height = 20; - var node_highlight_fill_color = ['#FFF', '#DDD', '#4bF','#F88', '#FE6','#7e0']; + var node_highlight_fill_color = ['#FFF', '#DDD', '#4bF','#F88', '#FE6','#7e0','#9FE','#900','#C3F']; var node_fill_color = '#FFF'; var node_stroke_color = '#666'; var node_highlight_stroke_width = 2; var node_stroke_width = 1; var node_name_text_color = '#666'; - var node_highlight_name_text_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350' ]; + var node_highlight_name_text_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350','#FCC','#F09','#F63']; var node_name_font_size = 16; var node_type_text_color = '#666'; var node_type_font_size = 12; @@ -36,7 +36,7 @@ var hdelk = (function(){ var port_name_font_size = 12; var port_fill_color = '#777'; var port_text_color = '#FFF'; - var port_highlight_fill_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ]; + var port_highlight_fill_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ,'#9FC','#906','#C39']; var port_spacing = 4; var edge_label_text_size = 12; @@ -44,15 +44,15 @@ var hdelk = (function(){ var edge_label_text_color = '#777'; var edge_label_width_padding = 4; var edge_label_height_padding = 4; - var edge_label_highlight_fill_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350' ]; + var edge_label_highlight_fill_color = [ '#DDD', '#222', '#46C', '#922', '#A90', '#350' ,'#FCC','#F09','#F63']; var edge_width = 1; var edge_color = '#888'; - var edge_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ]; + var edge_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590','#9FC' ,'#906','#C39']; var edge_highlight_width = 2; var edge_bus_width = 6; var edge_bus_color = '#AAA'; - var edge_bus_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ]; + var edge_bus_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ,'#9FC','#906','#C39']; var edge_bus_highlight_width = 6; /** @@ -541,6 +541,7 @@ var hdelk = (function(){ if ( ports ) { ports.forEach( function( item, index ){ var portText; + var portItemColor = ( item.highlight || item.highlight == 0 ) ? port_highlight_fill_color[ item.highlight ] : portColor; if ( item.label) portText = item.label; else @@ -559,8 +560,8 @@ var hdelk = (function(){ } else { nameColor = port_text_color; strokeWidth = 0; - strokeColor = portColor; - fillColor = portColor; + strokeColor = portItemColor; + fillColor = portItemColor; } group.rect(item.width, item.height).move(offsetX + child.x+item.x,offsetY + child.y+item.y)