Priyesha Yadav Priyesha

Full stack developer with good experience in Angular 2+, JavaScript, TypeScript, ReactJs, CSS, HTML, Bootstrap, JQuery, RxJs, NgRx and testing.

Priyesha / node.component.ts

Created April 21, 2020 10:53

	ngAfterViewInit() {
	this.nodeService.jsPlumbInstance.bind('connection', info => {
	this.simpleModalService.addModal(DialogComponent, {
	title: 'Dialog',
	questions: { name: '', type: ''}})
	.subscribe((result) => {
	const targetNode = this.nodes.find(node => node.id === info.targetId);
	if (targetNode) {
	targetNode.name = result.name;
	targetNode.type = result.type;

Priyesha / dynamic-node.component.ts

Created April 21, 2020 10:51

	removeNode(node) {
	this.jsPlumbInstance.removeAllEndpoints(node.id);
	this.jsPlumbInstance.remove(node.id);
	}

Priyesha / dynamic-node.component.html

Created April 21, 2020 10:50

	<div (dblclick)="editNode(node)" class="node" id="{{node.id}}" style="top: 0; left: 50%;">
	{{node.name}}
	<i (click)="removeNode(node)" class="material-icons close">clear</i>
	</div>

Priyesha / dynamic-node.component.ts

Created April 21, 2020 10:49

	ngAfterViewInit() {
	this.sourceEndPoint = this.jsPlumbInstance.addEndpoint(this.node.id,
	{ anchor: 'Right', uuid: this.node.id + 'right' }, this.source);
	if (this.node.type !== 'start') {
	this.destinationEndPoint = this.jsPlumbInstance.addEndpoint(this.node.id,
	{ anchor: 'Left', uuid: this.node.id + 'left' }, this.destination);
	}
	this.jsPlumbInstance.draggable(this.node.id);
	}

Priyesha / node.service.ts

Created April 21, 2020 10:46

	public addDynamicNode(node: any) {
	const factory = this.factoryResolver.resolveComponentFactory(DynamicNodeComponent);
	const component = factory.create(this.rootViewContainer.parentInjector);
	(<any>component.instance).node = node;
	(<any>component.instance).jsPlumbInstance = this.jsPlumbInstance;
	this.rootViewContainer.insert(component.hostView);
	}

Priyesha / app.component.html

Created April 15, 2020 15:17

Basic view of application