diff --git a/buildoz.css b/buildoz.css index 6f358e7..0bcda5d 100644 --- a/buildoz.css +++ b/buildoz.css @@ -247,4 +247,12 @@ bz-graflow button.bzgf-zoom-out{ left: 5px; top: 5px; } +bz-graflow path.bzgf-wirecoat{ + pointer-events: auto; + stroke-width: 6; + stroke: #0000!important; +} +bz-graflow path.bzgf-wirecoat:hover{ + stroke: #FF0F!important; +} /* BZGRAFLOW_CORE_END */ diff --git a/bzGraflow.js b/bzGraflow.js index c32d9f9..6b327b0 100644 --- a/bzGraflow.js +++ b/bzGraflow.js @@ -1280,8 +1280,12 @@ class EditWires{ this.graflow.addEventListener('refreshed', this.enableEditWires.bind(this)) } enableEditWires(){ + this.graflow.wiresContainer.querySelectorAll('.bzgf-wirecoat').forEach(item => item.remove()) for(const ref in this.graflow.stagedWires ){ - this.graflow.stagedWires[ref].addEventListener('click', this.onSelectWire.bind(this)) + const clone = this.graflow.stagedWires[ref].cloneNode(true) + clone.classList.add('bzgf-wirecoat') + this.graflow.wiresContainer.appendChild(clone) + clone.addEventListener('click', this.onSelectWire.bind(this)) } } onSelectWire(e){ diff --git a/graflow_examples/test.html b/graflow_examples/test.html index d6f5073..69f5cf3 100644 --- a/graflow_examples/test.html +++ b/graflow_examples/test.html @@ -4,18 +4,121 @@ graflow + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StyleisolatedsubflowautofitwireStylealignorientednodesmove
test1P42YES2 depths
test2OrganigramYESX
test3EIC simpleNO1 depthStraightFirst
test4EIC-ICMPNOXBezierCenter
test4.5EIC-ICMP IINOOrthoParentX
test5P42YESX
test616 ports testNOX
diff --git a/graflow_examples/test3.html b/graflow_examples/test3.html index b0ef336..caf3b13 100644 --- a/graflow_examples/test3.html +++ b/graflow_examples/test3.html @@ -53,6 +53,9 @@