EnVisageOnline/Main/Source/EnVisage/Content/templates/ActivityCalendar/_activityCalendarTeamInfo.html

<table ng-controller="teamInfoController">
    <tbody ng-movable ng-parent-container-class="ac-container" ng-target-container-class="ac-left-table">
        <!--Team or Business Unit or Cost Center row-->
        <tr ng-repeat-start="key in DisplayDataOrder track by $index" ng-if="DisplayData[key].Type == RowType.Team || DisplayData[key].Type == RowType.Company || DisplayData[key].Type == RowType.CostCenter" class="ac-team-total-row">
            <td class="headcol1 headcol-week expCat capacity-row-title ac-row-name">
                <a ng-click="toggleParentRow(key)">
                    <i class="noprint fa" ng-class="DisplayData[key].IsCollapsed ? 'fa-plus-square' : 'fa-minus-square'" style="margin-right: 5px;"
                       ng-attr-title="{{DisplayData[key].IsCollapsed ? 'Expand' : 'Collapse'}}">
                    </i>
                    <div class="shortName ac-name">{{ DisplayData[key].Name || '' }}</div>
                </a>
            </td>
            <td class="headcol-week" ng-if="DisplayMode.DisplayPriorityColumn"></td>
            <td class="capacity-total">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, DisplayData[key].Total, 'team')">
                    <div class="top-side">{{ (DisplayData[key].Total.Value1 || 0 | number:2)}}</div>
                    <hr />
                    <div class="bottom-side">{{ (DisplayData[key].Total.Value2 || 0 | number:2)}}</div>
                </div>
            </td>
        </tr>
        <!--Expenditure category row-->
        <tr ng-if="DisplayData[key].Type == RowType.ExpenditureCategory && DisplayData[key].Initialized" ng-show="DisplayData[key].Show">
            <td ng-if="DisplayData[key].Resources.length > 0" class="headcol1 headcol-week expCat capacity-row-title ac-row-name">
                <a ng-click="toggleRow(key)">
                    <i class="noprint fa" ng-class="DisplayData[key].IsCollapsed ? 'fa-plus-square' : 'fa-minus-square'" style="margin-right: 5px;"
                       ng-attr-title="{{DisplayData[key].IsCollapsed ? 'Expand' : 'Collapse'}}">
                    </i>
                    <div class="shortName ac-name">{{ DisplayData[key].Name || '' }}</div>
                </a>
            </td>
            <td ng-if="DisplayData[key].Resources.length == 0" class="headcol left capacity-row-title ac-row-name">
                <div class="shortName ac-name">{{ DisplayData[key].Name || '' }}</div>
            </td>
            <td class="headcol-week" ng-if="DisplayMode.DisplayPriorityColumn"></td>
            <td class="capacity-total">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, DisplayData[key].Total, 'expenditure')">
                    <div class="top-side">{{ (DisplayData[key].Total.Value1 || 0 | number:2) || DisplayData[key].Total.Value1 }}</div>
                    <hr />
                    <div class="bottom-side">{{ (DisplayData[key].Total.Value2 || 0 | number:2) || DisplayData[key].Total.Value2 }}</div>
                </div>
            </td>
        </tr>
        <!--Resources rows which related to current EC-->
        <tr ng-if="DisplayData[key].Type == RowType.ExpenditureCategory && resource.Initialized" ng-show="!DisplayData[key].IsCollapsed && DisplayData[key].Show" ng-repeat="resource in DisplayData[key].Resources">
            <td class="headcol1 headcol-week expCat ac-row-name">
                <div class="shortName ac-resource-name">{{resource.Name}}</div>
            </td>
            <td class="headcol-week" ng-if="DisplayMode.DisplayPriorityColumn"></td>
            <td class="capacity-total">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, resource.Total, 'resource')">
                    <div class="top-side">{{ (resource.Total.Value1 || 0 | number:2)}}</div>
                </div>
            </td>
        </tr>
        <tr ng-repeat-end ng-if="false"></tr>
    </tbody>
    <tbody ng-movable ng-parent-container-class="ac-container" ng-target-container-class="ac-right-table">
        <tr ng-repeat-start="key in DisplayDataOrder track by $index" ng-if="DisplayData[key].Type == RowType.Team || DisplayData[key].Type == RowType.Company || DisplayData[key].Type == RowType.CostCenter" class="ac-team-total-row">
            <td ng-repeat="cell in DisplayData[key].Cells track by $index" ng-show="InternalData.Header.Weeks[$index].Show"
                ng-if="InternalData.Header.Weeks[$index].Initialized" class="capacity-total" ng-class="DisplayData[key].CSSClass[$index]">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, cell, 'team')">
                    <div class="top-side">{{ (cell.Value1 || 0 | number:2)}}</div>
                    <hr />
                    <div class="bottom-side">{{ (cell.Value2 || 0 | number:2)}}</div>
                </div>
            </td>
        </tr>
        <tr ng-if="DisplayData[key].Type == RowType.ExpenditureCategory && DisplayData[key].Initialized" ng-show="DisplayData[key].Show">
            <td ng-repeat="cell in DisplayData[key].Cells track by $index" ng-show="InternalData.Header.Weeks[$index].Show"
                ng-if="InternalData.Header.Weeks[$index].Initialized" class="capacity-total" ng-class="DisplayData[key].CSSClass[$index]">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, cell, 'expenditure')">
                    <div class="top-side">
                        {{ (cell.Value1 || 0 | number:2) || cell.Value1 }}
                    </div>
                    <hr />
                    <div class="bottom-side">
                        {{ (cell.Value2 || 0 | number:2) || cell.Value2 }}
                    </div>
                </div>
            </td>
        </tr>
        <tr ng-if="DisplayData[key].Type == RowType.ExpenditureCategory && resource.Initialized" ng-show="!DisplayData[key].IsCollapsed && DisplayData[key].Show" ng-repeat="resource in DisplayData[key].Resources">
            <td ng-repeat="cell in resource.Cells track by $index" ng-show="InternalData.Header.Weeks[$index].Show"
                ng-if="InternalData.Header.Weeks[$index].Initialized" class="capacity-total" ng-class="resource.CSSClass[$index]">
                <div class="exp-cat-total tooltip-info" ng-click="showTooltip($event, cell, 'resource')">
                    <div class="top-side">{{ (cell.Value1 || 0 | number:2)}}</div>
                </div>
            </td>
        </tr>
        <tr ng-repeat-end ng-if="false"></tr>
    </tbody>
</table>