| <html> |
| <head> |
| <title>mxGraph Workflow Example</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <style type="text/css" media="screen"> |
| div.base { |
| position: absolute; |
| overflow: hidden; |
| font-family: Arial; |
| font-size: 8pt; |
| } |
| div.base#graph { |
| border-style: solid; |
| border-color: #F2F2F2; |
| border-width: 1px; |
| background: url('images/grid.gif'); |
| } |
| </style> |
| <script type="text/javascript"> |
| mxBasePath = '../../src'; |
| </script> |
| <script type="text/javascript" src="../../src/js/mxClient.js"></script> |
| <script type="text/javascript" src="js/mxApplication.js"></script> |
| <script type="text/javascript"> |
| mxGraph.prototype.htmlLabels = true; |
| |
| mxGraph.prototype.isWrapping = function(cell) |
| { |
| return true; |
| }; |
| |
| mxConstants.DEFAULT_HOTSPOT = 1; |
| |
| // Enables guides |
| mxGraphHandler.prototype.guidesEnabled = true; |
| |
| // Alt disables guides |
| mxGuide.prototype.isEnabledForEvent = function(evt) |
| { |
| return !mxEvent.isAltDown(evt); |
| }; |
| |
| // Enables snapping waypoints to terminals |
| mxEdgeHandler.prototype.snapToTerminals = true; |
| |
| window.onbeforeunload = function() { return mxResources.get('changesLost'); }; |
| </script> |
| </head> |
| <body onload="new mxApplication('config/workfloweditor.xml');"> |
| <table id="splash" width="100%" height="100%" |
| style="background:white;position:absolute;top:0px;left:0px;z-index:4;"> |
| <tr> |
| <td align="center" valign="middle"> |
| <img src="images/loading.gif"> |
| </td> |
| </tr> |
| </table> |
| <div id="graph" class="base"> |
| <!-- Graph Here --> |
| </div> |
| <div id="status" class="base" align="right" style="white-space:nowrap;"> |
| <!-- Status Here --> |
| </div> |
| </body> |
| </html> |