| <div ng-controller="WorkflowCreator"> |
| <nav class="navbar navbar-default" role="navigation"> |
| <div class="navbar-header"> |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".createnavbar"> |
| <span class="sr-only">Toggle navigation</span> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| <span class="icon-bar"></span> |
| </button> |
| <a class="navbar-brand">Workflow Creator</a> |
| </div> |
| |
| <div class="collapse navbar-collapse createnavbar"> |
| <ul class="nav navbar-nav"> |
| <li><a ng-click="addNode()" title="Add Node"><i class="icon-plus"></i></a></li> |
| <li><a ng-click="addContainer()" title="Add Container"><i class="icon-dropbox"></i></a></li> |
| <li class="{{buttonState.move}}"><a ng-click="move()" title="Move Nodes"><i class="icon-hand-up"></i></a></li> |
| <li class="{{buttonState.link}}"><a ng-click="link()" title="Link Nodes"><i class="icon-link"></i></a></li> |
| <li class="{{buttonState.delete}}"><a ng-click="delete()" title="Delete Nodes"><i class="icon-trash"></i></a></li> |
| <li class="{{buttonState.group}}"><a ng-click="group()" title="Select Multiple Nodes"><i class="icon-edit"></i></a></li> |
| <li><a title="Save Workflow"><i class="icon-save"></i></a></li> |
| <li><a ng-click="undo()" title="Undo"><i class="icon-undo"></i></a></li> |
| <li><a ng-click="redo()" title="Redo"><i class="icon-repeat"></i></a></li> |
| <li><a ng-click="clean()" title="Clear Workflow"><i class="icon-eraser"></i></a></li> |
| <li><a ng-click="zoomIn()" title="Zoom In"><i class="icon-zoom-in"></i></a></li> |
| <li><a ng-click="zoomOut()" title="Zoom Out"><i class="icon-zoom-out"></i></a></li> |
| <li><a ng-click="panLeft()" title="Pan Left"><i class="icon-arrow-left"></i></a></li> |
| <li><a ng-click="panDown()" title="Pan Down"><i class="icon-arrow-down"></i></a></li> |
| <li><a ng-click="panUp()" title="Pan Up"><i class="icon-arrow-up"></i></a></li> |
| <li><a ng-click="panRight()" title="Pan Right"><i class="icon-arrow-right"></i></a></li> |
| </ul> |
| </div> |
| </nav> |
| <div class="container" id="editor"></div> |
| </div> |