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

<tr ng-if="row.Initialized" ng-show="row.Show" class="ac-level-{{row.Level}}">
    <td class="headcol1 headcol-week expCat ac-row-name" ng-click="toggleRow(row, $event);">
        <div ng-if="(row.InactiveScenarios != null && row.InactiveScenarios.length > 0 || row.ActiveScenario.Id != null)"
             class="btn-group menuGroup pull-right" ng-popup-menu hide-popovers-container="ng-popup-menu-container">
            <a class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-chevron-circle-down menu-arrow"></i>
            </a>
            <ul class="dropdown-menu dropdown-menu-form dropdown-menu-right dropdown-menu-scroll-auto" style="width: 472px; clear: both; z-index: 499;">
                <li ng-if="row.ActiveScenario.Id != null && !row.ReadOnly">
                    <div style="float: left;">
                        Edit Project
                    </div>
                    <div style="float: right;">
                        <a ng-if="row.EditUrl" class="btn btn-xs btn-primary popover-warning popover-dark pull-right" style="width: 27px;"
                           title="Edit Project" data-checklock-url="{{ row.EditUrl }}" data-in-newtab data-toggle="popover" data-container="body" data-placement="left"
                           data-checklock-table="Project" data-checklock-id="{{row.Id}}" data-checklock-backname="{{ViewModel.DisplayMode.BackUrlTitle}}">
                            <i class="fa fa-edit"></i>
                        </a>
                    </div>
                </li>
                <li ng-if="row.ActiveScenario.Id != null">
                    <div style="-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 340px; float: left;">
                        <a class="popover-warning popover-dark" data-toggle="popover" data-container="body" title="{{row.ActiveScenario.Name + '|' + row.ReadOnly || 'empty'}}" data-checklock-backname="{{ViewModel.DisplayMode.BackUrlTitle}}"
                           data-checklock-table="Scenario" data-checklock-id="{{row.ActiveScenario.Id}}" data-checklock-url="/Scenarios/Details" data-in-newtab>{{ row.ActiveScenario.Name || 'empty' }}</a>
                    </div>
                    <div style="float: right;" ng-if="!row.ReadOnly">
                        <a class="btn btn-xs btn-warning popover-warning popover-dark" ng-click="ToggleStatus($event, row.Id, row.ActiveScenario)"
                           title="Deactivate" data-toggle="popover" data-container="body" data-placement="left" style="width: 27px;"><i class="fa fa-times-circle-o"></i></a>
                        <a class="btn btn-xs popover-warning popover-dark" data-toggle="popover" data-container="body" data-placement="left" title="Copy"
                           data-checklock-table="Scenario" data-checklock-id="{{row.ActiveScenario.Id}}" data-checklock-url="{{'/Scenarios/Details'}}"
                           data-checklock-query="ptab=copy" data-checklock-backname="{{ViewModel.DisplayMode.BackUrlTitle}}" style="width: 27px;"><i class="fa fa-copy"></i></a>
                        <a ng-click="AddScenario($event, row.Id)" data-toggle="popover" data-container="body" data-placement="left" class="btn btn-xs btn-success popover-warning popover-dark" title="Add Scenario" style="width: 27px;"><i class="fa fa-plus"></i></a>
                    </div>
                </li>
                <li class="divider" ng-if="(row.InactiveScenarios.length > 0)"></li>
                <li ng-repeat="scenario in row.InactiveScenarios track by scenario.Id">
                    <div style="-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 365px; float: left;">
                        <a class="popover-warning popover-dark" data-toggle="popover" data-container="body" title="{{scenario.Name || 'empty'}}" data-checklock-table="Scenario"
                           data-checklock-id="{{scenario.Id}}" data-checklock-url="/Scenarios/Details" data-in-newtab data-checklock-backname="{{ViewModel.DisplayMode.BackUrlTitle}}">{{ scenario.Name || 'empty' }}</a>
                    </div>
                    <div style="float: right;" ng-if="!row.ReadOnly">
                        <a ng-click="ToggleStatus($event, row.Id, scenario)" class="btn btn-xs btn-primary popover-warning popover-dark"
                           title="Activate" data-toggle="popover" data-container="body" data-placement="left"><i class="fa fa-check-circle-o"></i></a>
                        <a class="btn btn-xs popover-warning popover-dark" data-toggle="popover" data-container="body" data-placement="left" title="Copy"
                           data-checklock-table="Scenario" data-checklock-id="{{scenario.Id}}" data-checklock-url="{{'/Scenarios/Details'}}"
                           data-checklock-query="ptab=copy" data-checklock-backname="{{ViewModel.DisplayMode.BackUrlTitle}}"><i class="fa fa-copy"></i></a>
                    </div>
                </li>
            </ul>
        </div>
        <a ng-if="row.Children">
            <i class="fa" ng-if="row.Children" ng-attr-title="{{row.Collapsed ? 'Expand' : 'Collapse'}}" ng-class="{'fa-plus-square':row.Collapsed, 'fa-minus-square':!row.Collapsed}"></i>
            <div class="shortName ac-name" title="{{ row.Name }}">{{ row.Name }}</div>
        </a>
        <div class="shortName2" ng-if="!row.Children" title="{{ row.Name || 'empty' }}">{{ row.Name || 'empty' }}</div>
    </td>
    <td class="ac-row-total">
        <div class="ac-total">
            {{ (row.TotalValue || 0 | number:2) }}
        </div>
    </td>
</tr>

<!-- Project Parts -->
<tr ng-if="row.IsMaster && part.Initialized" ng-repeat="part in row.Children track by $index" grid-row templateUrl="{{part.Templates.Main}}" ng-init="row = part"></tr>
<!-- Expenditures -->
<tr ng-if="!row.IsMaster && exp.Initialized" ng-repeat="exp in row.Children track by $index" grid-row templateUrl="{{exp.Templates.Main}}"></tr>