-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathTutorial2.js
More file actions
68 lines (59 loc) · 1.96 KB
/
Tutorial2.js
File metadata and controls
68 lines (59 loc) · 1.96 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
65
66
67
68
/// <reference path="JsDiagram-vsdoc.js" />
var DiagramView = MindFusion.Diagramming.DiagramView;
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 diagram = null;
var bounds = new Rect(0, 0, 30, 6);
var brush = "#e0e9e9";
document.addEventListener("DOMContentLoaded", function ()
{
// create a DiagramView component that wraps the "diagram" canvas
var diagramView = DiagramView.create(document.getElementById("diagram"));
diagram = diagramView.diagram;
diagram.linkHeadShapeSize = 2;
diagram.defaultShape = "Rectangle";
// pretend we are calling a web service
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function ()
{
if (this.readyState == 4 && this.status == 200)
{
var graph = JSON.parse(xhttp.responseText);
buildDiagram(graph);
}
};
xhttp.open("GET", "Tutorial2.txt", true);
xhttp.send();
});
function buildDiagram(graph)
{
// load activity data and create
var project = graph.project;
var diagramNode = diagram.factory.createShapeNode(bounds);
diagramNode.text = project.name;
diagramNode.brush = 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)
{
for (var activity of parent.activities)
{
var diagramNode = diagram.factory.createShapeNode(bounds);
diagramNode.text = activity.name;
diagramNode.brush = brush;
diagram.factory.createDiagramLink(parentNode, diagramNode);
if (activity.activities)
addActivities(diagramNode, activity);
}
}