angular-gantt/src/plugins/tree/treeBodyChildren.tmpl.html

Gantt chart component for AngularJS

<div ng-controller="GanttTreeNodeController"
     class="gantt-row-label gantt-row-height"
     ng-class="row.model.classes"
     ng-style="{'height': row.model.height}">
    <div class="gantt-valign-container">
        <div class="gantt-valign-content">
            <a ng-disabled="isCollapseDisabled()" data-nodrag
               class="gantt-tree-handle-button btn btn-xs"
               ng-class="{'gantt-tree-collapsed': collapsed, 'gantt-tree-expanded': !collapsed}"
               ng-click="!isCollapseDisabled() && toggle()"><span
                class="gantt-tree-handle glyphicon glyphicon-chevron-down"
                ng-class="{
                'glyphicon-chevron-right': collapsed, 'glyphicon-chevron-down': !collapsed,
                'gantt-tree-collapsed': collapsed, 'gantt-tree-expanded': !collapsed}"></span>
            </a>
            <span gantt-row-label class="gantt-label-text" gantt-bind-compile-html="getRowContent()"/>
        </div>
    </div>
</div>
<ol ui-tree-nodes ng-class="{hidden: collapsed}" ng-model="childrenRows">
    <li ng-repeat="row in childrenRows" ui-tree-node>
        <div ng-include="'plugins/tree/treeBodyChildren.tmpl.html'"></div>
    </li>
</ol>