| <label for="worklow-name">Workflow Name</label> |
| <input [(ngModel)]="workFlowName" name="worklow-name" id="worklow-name"/> |
| |
| <table style="position:relative;"> |
| <tr> |
| <td> |
| <div id="toolContainer" style="border: solid 1px black; width: 80px; cursor: default"> |
| |
| </div> |
| </td> |
| <td> |
| <div id="graphContainer" |
| style="border: solid 1px black;overflow:hidden;width:321px; cursor:default;"> |
| </div> |
| </td> |
| <td valign="top"> |
| <div id="properties" |
| style="border: solid 1px black; padding: 10px;"> |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td></td> |
| <td><button (click)="onShowWorkflowXMLClicked()">Show XML</button></td> |
| <td><button (click)="onCreateWorkflowClicked()">Create Workflow</button></td> |
| </tr> |
| </table> |