react-diagrams/demos/demo5/Application.ts

import * as SRD from "../../src/main";
/**
 * @author Dylan Vorster
 */
export class Application{
	
	protected activeModel: SRD.DiagramModel;
	protected diagramEngine: SRD.DiagramEngine;
	
	constructor(){
		this.diagramEngine = new SRD.DiagramEngine();
		
		this.diagramEngine.registerNodeFactory(new SRD.DefaultNodeFactory());
		this.diagramEngine.registerLinkFactory(new SRD.DefaultLinkFactory());
		
		this.newModel();
	}
	
	public newModel(){
		this.activeModel = new SRD.DiagramModel();
		this.diagramEngine.setDiagramModel(this.activeModel);
		
		
		var node1 = new SRD.DefaultNodeModel("Node 1","rgb(0,192,255)");
		var port1 = node1.addPort(new SRD.DefaultPortModel(false,"out-1","Out"));
		node1.x = 100;
		node1.y = 100;

		var node2 = new SRD.DefaultNodeModel("Node 2","rgb(192,255,0)");
		var port2 = node2.addPort(new SRD.DefaultPortModel(true,"in-1","IN"));
		node2.x = 400;
		node2.y = 100;

		var link1 = new SRD.LinkModel();
		link1.setSourcePort(port1);
		link1.setTargetPort(port2);

		this.activeModel.addNode(node1);
		this.activeModel.addNode(node2);
		this.activeModel.addLink(link1);
	}
	
	public getActiveDiagram(): SRD.DiagramModel{
		return this.activeModel;
	}
	
	public getDiagramEngine(): SRD.DiagramEngine{
		return this.diagramEngine;
	}
	
}