Skip to content

support different color in ports. #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Readon wants to merge 4 commits into
base: master
Choose a base branch
from
+9 −8
Open

support different color in ports. #13

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
495f019
support different color in ports.
Readon Apr 10, 2023
447fce5
add three new color
Apr 11, 2023
09fde59
add three new color
Apr 21, 2023
bd154df
Merge pull request #1 from ZhaokunHu/master
Readon Apr 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 9 additions & 8 deletions js/hdelk.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -36,23 +36,23 @@ 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;
var edge_label_fill_color = '#EEE';
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;

/**
Expand Down Expand Up @@ -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
Expand All @@ -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)
Expand Down