diff --git a/src/app/pages/home/home-page.component.ts b/src/app/pages/home/home-page.component.ts index 11efc48..efd82a1 100644 --- a/src/app/pages/home/home-page.component.ts +++ b/src/app/pages/home/home-page.component.ts @@ -221,20 +221,44 @@ export class HomePageComponent implements OnInit, OnDestroy { // d3.select(this.discoveryTargetRef.nativeElement).selectAll('.node-container').call(d3.drag().on('start', started)); - // d3.drag() - // .on('dragstart', (node: Node, i: number) => { - // __this.simulation.stop(); - // }) - // .on('drag', (node: Node, i: number) => { - // node.fx += d3.event.dx; - // node.fy += d3.event.dy; - // node.x += d3.event.dx; - // node.y += d3.event.dy; - // }) - // .on('dragend', (node: Node, i: number) => { - // __this.simulation.stop(); - // }) - // ; + // d3.select(this.discoveryTargetRef.nativeElement).selectAll('.node-container').call( + // d3.drag() + // .on('start', (node: Node, i: number) => { + // __this.simulation.stop(); + // }) + // .on('drag', (node: Node, i: number) => { + // node.fx += d3.event.dx; + // node.fy += d3.event.dy; + // node.x += d3.event.dx; + // node.y += d3.event.dy; + // }) + // .on('end', (node: Node, i: number) => { + // __this.simulation.stop(); + // }) + // ); + + d3.select(this.discoveryTargetRef.nativeElement).selectAll('.node-container').call( + d3.drag() + .on('start', function () { + d3.event.sourceEvent.stopPropagation(); + + if (!d3.event.active) { + __this.simulation.alphaTarget(0.3).restart(); + } + + d3.event.on('drag', dragged).on('end', ended); + + function dragged() { + d3.select(this).attr('cx', d3.event.x).attr('cy', d3.event.y); + } + + function ended() { + if (!d3.event.active) { + __this.simulation.alphaTarget(0); + } + } + }) + ); } diff --git a/src/assets/image/logo/logo_tomcat.svg b/src/assets/image/logo/logo_tomcat.svg index 2c91d00..ef60993 100644 --- a/src/assets/image/logo/logo_tomcat.svg +++ b/src/assets/image/logo/logo_tomcat.svg @@ -1,51 +1,49 @@ - - - - - - - - - - - - - + + + + + + + + + + +