forked from MindFusionComponents/JavaScript-Diagram-Samples
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsamples.js
More file actions
53 lines (49 loc) · 1.86 KB
/
Copy pathsamples.js
File metadata and controls
53 lines (49 loc) · 1.86 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
var jsDiagramInfo =
'<hr />' +
'<h1>About JsDiagram</h1>' +
'<p>JsDiagram is fully interactive flow diagramming control for the web. The diagram tool is written 100% in JavaScript and uses the HTML5 Canvas element for drawing. The component can use either jQuery or Microsoft Ajax library for browser independence layer and type system implementation. The package includes miscellaneous UI controls such as Overview providing scaled down view of the drawing, and NodeListView displaying a palette of diagram elements.</p>' +
'<h2>Features</h2>' +
'<ul>' +
'<li>Interactive zooming, scrolling, and panning</li>' +
'<li>Hundreds of built-in shapes and the ability to define custom shapes</li>' +
'<li>Table nodes with collapsible rows and spanning cells</li>' +
'<li>Many ready-to-use layouts, including tree, layered, fractal, and more</li>' +
'<li>Automatic link routing</li>' +
'<li>Lane grid</li>' +
'<li>Hierarchical grouping of diagram elements</li>' +
'<li>Undo and redo support</li>' +
'<li>Styles and themes</li>' +
'<li>Node effects</li>' +
'<li>Overview, NodeListView, Zoom controls</li>' +
'</ul>';
$(function ()
{
$('select').selectmenu();
$('input[type=submit], input[type=button], button')
.button();
$('#expandButton')
.click(function (event)
{
event.preventDefault();
});
$('#copyright').html("© " + new Date().getFullYear() + " MindFusion");
$('#infoTab :last-child').last().after(jsDiagramInfo);
});
var collapsed = false;
function onExpandCollapse()
{
if (collapsed)
{
$('#info').css('width', '400px');
$('#content').css('right', '401px');
$('#expandButton').button("option", "label", ">");
collapsed = false;
}
else
{
$('#info').css('width', '0px');
$('#content').css('right', '0px');
$('#expandButton').button("option", "label", "<");
collapsed = true;
}
}