 <div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
    <h1>
        <span>User Groups</span>
        <kc-tooltip>User groups</kc-tooltip>
    </h1>

    <table class="table table-striped table-bordered">
         <thead>
         <tr>
             <th class="kc-table-actions" colspan="5">
                 <div class="form-inline">
                      <div class="pull-right" data-ng-show="access.manageUsers">
                          <button id="createGroup" class="btn btn-default" ng-click="createGroup(tree.currentNode)">New</button>
                          <button id="editGroup" ng-disabled="isDisabled()" class="btn btn-default" ng-click="edit(tree.currentNode)">Edit</button>
                          <button id="cutGroup" ng-disabled="isDisabled()" class="btn btn-default" ng-click="cut(tree.currentNode)">Cut</button>
                          <button id="pasteGroup" ng-disabled="!cutNode" class="btn btn-default" ng-click="paste(tree.currentNode)">Paste</button>
                          <button id="removeGroup" ng-disabled="isDisabled()" class="btn btn-default" ng-click="remove(tree.currentNode)">Delete</button>
                     </div>
                 </div>
             </th>
         </tr>
         </thead>
         <tbody>
         <tr>
             <td>    <div
                     tree-id="tree"
                     angular-treeview="true"
                     tree-model="groupList"
                     node-id="id"
                     node-label="name"
                     node-children="subGroups" >
             </div>
             </td>
         </tr>
         </tbody>
     </table>

 </div>

<kc-menu></kc-menu>