From 495f019d67b2515994bec852eb2dc6123c47f4c5 Mon Sep 17 00:00:00 2001 From: Xiao Yindong Date: Tue, 11 Apr 2023 00:25:26 +0800 Subject: [PATCH 1/3] support different color in ports. --- js/hdelk.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/js/hdelk.js b/js/hdelk.js index ea18888..dd11b6e 100644 --- a/js/hdelk.js +++ b/js/hdelk.js @@ -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) From 447fce5580f67cd602f5537c9918357678b7c9d8 Mon Sep 17 00:00:00 2001 From: Zhaokun Date: Tue, 11 Apr 2023 16:13:21 +0800 Subject: [PATCH 2/3] add three new color --- js/hdelk.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/js/hdelk.js b/js/hdelk.js index dd11b6e..e939259 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','#9FC','#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','#9F9','#906','#C63']; 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' ,'#9F9','#906','#C63']; 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' ,'#9F9','#906','#C63']; 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','#9F9' ,'#906','#C63']; 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' ,'#9F9','#906','#C63']; var edge_bus_highlight_width = 6; /** From 09fde597c8e9877562649e7796ceedfa887eee15 Mon Sep 17 00:00:00 2001 From: Zhaokun Date: Fri, 21 Apr 2023 12:45:17 +0800 Subject: [PATCH 3/3] add three new color --- js/hdelk.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/js/hdelk.js b/js/hdelk.js index e939259..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','#9FC','#900','#C3F']; + 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','#9F9','#906','#C63']; + 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' ,'#9F9','#906','#C63']; + 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' ,'#9F9','#906','#C63']; + 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','#9F9' ,'#906','#C63']; + 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' ,'#9F9','#906','#C63']; + var edge_bus_highlight_color = [ '#DDD', '#444', '#06d', '#C00', '#980', '#590' ,'#9FC','#906','#C39']; var edge_bus_highlight_width = 6; /**