<div ng-controller="UI.UITestController1">

  <div>

    <div class="row-fluid">
      <h3>JSPlumb</h3>
      <p>Use to create an instance of JSPlumb</p>
      <script type="text/ng-template" id="jsplumbTemplate">
<div>
  <div class="ex-node-container" hawtio-jsplumb>
    <!-- Nodes just need to have an ID and the jsplumb-node class -->
    <div ng-repeat="node in nodes"
         id="{{node}}"
         anchors="AutoDefault"
         class="jsplumb-node ex-node">
      <i class="icon-plus clickable" ng-click="createEndpoint(node)"></i> Node: {{node}}
    </div>
    <!-- You can specify a connect-to attribute and a comma separated list of IDs to connect nodes -->
    <div id="node3"
         class="jsplumb-node ex-node"
         anchors="Left,Right"
         connect-to="node1,node2">
      <i class="icon-plus clickable" ng-click="createEndpoint('node3')"></i> Node 3
    </div>
    <!-- Expressions and stuff will work too -->
    <div ng-repeat="node in otherNodes"
         id="{{node}}"
         class="jsplumb-node ex-node"
         anchors="Continuous"
         connect-to="{{otherNodes[$index - 1]}}"><i class="icon-plus clickable" ng-click="createEndpoint(node)"></i> Node: {{node}}</div>
  </div>

</div>
      </script>
      <div hawtio-editor="jsplumbEx" mode="fileUploadExMode"></div>

      <div class="directive-example">
        <div compile="jsplumbEx"></div>
      </div>
    </div>
</div>
