From 6df9cfd0f40e39c1090f3ee97f58d48465da1430 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9line=20Souchet?= Date: Wed, 20 May 2020 16:18:58 +0200 Subject: [PATCH 1/3] Render Normal Sequence Flows --- src/component/mxgraph/StyleConfigurator.ts | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/src/component/mxgraph/StyleConfigurator.ts b/src/component/mxgraph/StyleConfigurator.ts index 5b7678444b..dc33ede812 100644 --- a/src/component/mxgraph/StyleConfigurator.ts +++ b/src/component/mxgraph/StyleConfigurator.ts @@ -43,6 +43,7 @@ export default class StyleConfigurator { this.configureTasksStyle(); this.configureGatewaysStyle(); + this.configureDefaultEdgeStyle(); this.configureSequenceFlowsStyle(); } @@ -141,6 +142,22 @@ export default class StyleConfigurator { }); } + private configureDefaultEdgeStyle(): void { + const style = this.getDefaultEdgeStyle(); + style[this.mxConstants.STYLE_EDGE] = this.mxConstants.EDGESTYLE_SEGMENT; + style[this.mxConstants.STYLE_ENDARROW] = this.mxConstants.ARROW_BLOCK_THIN; + style[this.mxConstants.STYLE_ENDSIZE] = 12; + style[this.mxConstants.STYLE_STROKECOLOR] = 'Black'; + style[this.mxConstants.STYLE_ROUNDED] = 1; + style[this.mxConstants.STYLE_ARCSIZE] = 5; + + style[this.mxConstants.STYLE_FONTSIZE] = 15; + style[this.mxConstants.STYLE_FILLCOLOR] = 'White'; + style[this.mxConstants.STYLE_FONTCOLOR] = 'Black'; + style[this.mxConstants.STYLE_LABEL_BACKGROUNDCOLOR] = 'none'; + style[this.mxConstants.STYLE_VERTICAL_LABEL_POSITION] = 'top'; + } + private configureSequenceFlowsStyle(): void { this.configureNormalSequenceFlowStyle(); this.configureDefaultSequenceFlowStyle(); @@ -149,8 +166,6 @@ export default class StyleConfigurator { private configureNormalSequenceFlowStyle(): void { const style = this.cloneDefaultEdgeStyle(); - style[this.mxConstants.STYLE_STROKECOLOR] = 'DodgerBlue'; - style[this.mxConstants.STYLE_VERTICAL_ALIGN] = 'bottom'; this.graph.getStylesheet().putCellStyle(SequenceFlowKind.NORMAL, style); } From 596aded15020949ca2b95d0848711bf6b143027e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9line=20Souchet?= Date: Wed, 20 May 2020 16:22:10 +0200 Subject: [PATCH 2/3] Update doc --- docs/bpmn-support.adoc | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/bpmn-support.adoc b/docs/bpmn-support.adoc index bbc1ac846c..d316fe4275 100644 --- a/docs/bpmn-support.adoc +++ b/docs/bpmn-support.adoc @@ -160,8 +160,8 @@ The default rendering uses `white` as fill color and `black` as stroke color. |Comments |sequence flow -|icon:flask[] -|Subject to change: arrow shape, color and position endpoint +|icon:check-circle-o[] +|Subject to change: arrow size/form and position endpoint |default sequence flow |icon:flask[] From 64de3b229bc688ff97a04f783fed24d9d720b11d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9line=20Souchet?= Date: Wed, 20 May 2020 16:43:21 +0200 Subject: [PATCH 3/3] Update stroke width --- src/component/mxgraph/StyleConfigurator.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/component/mxgraph/StyleConfigurator.ts b/src/component/mxgraph/StyleConfigurator.ts index dc33ede812..bcc383affc 100644 --- a/src/component/mxgraph/StyleConfigurator.ts +++ b/src/component/mxgraph/StyleConfigurator.ts @@ -148,6 +148,7 @@ export default class StyleConfigurator { style[this.mxConstants.STYLE_ENDARROW] = this.mxConstants.ARROW_BLOCK_THIN; style[this.mxConstants.STYLE_ENDSIZE] = 12; style[this.mxConstants.STYLE_STROKECOLOR] = 'Black'; + style[this.mxConstants.STYLE_STROKEWIDTH] = 1.5; style[this.mxConstants.STYLE_ROUNDED] = 1; style[this.mxConstants.STYLE_ARCSIZE] = 5;