forked from MindFusionComponents/JavaScript-Diagram-Samples
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTutorial2.js
More file actions
64 lines (55 loc) · 1.88 KB
/
Tutorial2.js
File metadata and controls
64 lines (55 loc) · 1.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var Diagram = MindFusion.Diagramming.Diagram;
var DiagramLink = MindFusion.Diagramming.DiagramLink;
var ShapeNode = MindFusion.Diagramming.ShapeNode;
var Rect = MindFusion.Drawing.Rect;
var BorderedTreeLayout = MindFusion.Graphs.BorderedTreeLayout;
var ArrayList = MindFusion.Collections.ArrayList;
var diagram = null;
var bounds = new Rect(0, 0, 30, 6);
var brush = "LightBlue";
$(document).ready(function ()
{
// create a Diagram component that wraps the "diagram" canvas
diagram = MindFusion.AbstractionLayer.createControl(Diagram, null, null, null, $("#diagram")[0]);
diagram.setLinkHeadShapeSize(2);
diagram.setDefaultShape("Rectangle");
// pretend we are calling a web service
$.get("Tutorial2.txt", onResponse);
});
function onResponse(json)
{
if (json)
{
var graph = MindFusion.AbstractionLayer.fromJson(json);
buildDiagram(graph);
}
}
function buildDiagram(graph)
{
// load activity data and create
var project = graph.project;
var diagramNode = diagram.getFactory().createShapeNode(bounds);
diagramNode.setText(project.name);
diagramNode.setBrush(brush);
if (project.activities)
addActivities(diagramNode, project);
var layout = new BorderedTreeLayout();
layout.direction = MindFusion.Graphs.LayoutDirection.LeftToRight;
layout.linkType = MindFusion.Graphs.TreeLayoutLinkType.Cascading;
layout.nodeDistance = 1;
layout.levelDistance = -8; // let horizontal positions overlap
diagram.arrange(layout);
diagram.resizeToFitItems(30);
}
function addActivities(parentNode, parent)
{
ArrayList.forEach(parent.activities, function (activity)
{
var diagramNode = diagram.getFactory().createShapeNode(bounds);
diagramNode.setText(activity.name);
diagramNode.setBrush(brush);
diagram.getFactory().createDiagramLink(parentNode, diagramNode);
if (activity.activities)
addActivities(diagramNode, activity);
});
}