example_integeration.html

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<style>
html,body {width:100%;height:100%;}
* {margin:0px;padding:0px;}
</style>
<link href="./css/seq_diagram.less" rel="stylesheet/less"/>
<script type="text/javascript" src="js/less.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/seq_diagram.js"></script>
<script>
$(document).ready(function(){
	var text = 'Sample Diagram @ v1.0 @ 20160416 @ EchoMa\n\
				   Conn Server -> Safe Domain GW : new order request\n\
				Safe Domain GW -> Trade Gateway : authenticated\n\
				 Trade Gateway -> Logic Control : internal protocol\n\
				 Logic Control : check param\n\
				 Logic Control -> Order Manage : add new order\n\
				  Order Manage -> Logic Control : order created\n\
				Logic Control --> Trade Gateway : success response\n\
				Trade Gateway --> Safe Domain GW : success response\n\
			   Safe Domain GW --> Conn Server : response\n\
			   [This is a description for this diagram]\n\
			   [ how an order request is passed between sub-systems ]';
	var sd = new SequenceDiagram($(document.body));
	sd.draw(text);
});
</script>
</head>

<body>
<!--<div id="mycon" style="position:absolute; left:100px; width:100%; height:100%;"></div>-->
</body>

</html>