89 lines
4.3 KiB
Plaintext
89 lines
4.3 KiB
Plaintext
<div class="ac-control" ng-show="ViewModel.Rows != null" ng-cloak ng-init-widget>
|
|
<!--Left Frozen Block-->
|
|
<div class="ac-left-col">
|
|
<!--Header section-->
|
|
<div class="freezeTable1 ac-left-col-header">
|
|
<table class="table1 table-light">
|
|
<thead>
|
|
<tr>
|
|
<th class="firstcol">
|
|
<div>Project</div>
|
|
</th>
|
|
<th class="firstcol">
|
|
<div>Total</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<!--Section with project names-->
|
|
<div class="freezeTable1 ac-left-col-content height-container">
|
|
<table class="table table1 vertical-scroll-target watch-resizing">
|
|
<tr ng-repeat="project in (ViewModel.Rows) track by $index">
|
|
<td class="headcol1 headcol-week expCat ac-row-name">
|
|
<div class="btn-group menuGroup pull-right">
|
|
<a class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fa fa-chevron-circle-down menu-arrow"></i>
|
|
</a>
|
|
</div>
|
|
<a title="{{ ::project.Name }}">
|
|
<i class="fa" ng-class="project.CollapsedClass" style="margin-right: 5px;"></i>
|
|
<div class="shortName ac-name">{{ ::project.Name }}</div>
|
|
</a>
|
|
</td>
|
|
<td class="ac-row-total">
|
|
<div class="ac-total">
|
|
{{ (row.TotalValue || 0 | number:2) }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="header-container width-container">
|
|
<div class="freezeTable1 horizontal-scroll-target" style="margin-left: -400px">
|
|
<table class="table ac-table-header table-light">
|
|
<thead class="watch-resizing">
|
|
<tr>
|
|
<th style="width:400px" class="firstcol"></th>
|
|
<!-- years -->
|
|
<th ng-repeat="header in (ViewModel.Header.Years) track by $index" colspan="{{ header.Colspan }}" class="ac-normal-header-cell">
|
|
{{ ::header.Title }}
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="headcol" style="visibility: hidden;"></th>
|
|
<!-- months -->
|
|
<th ng-repeat="header in (ViewModel.Header.Months) track by $index" ng-click="toggleMonth($index)"
|
|
colspan="{{ header.Colspan }}" class="ac-normal-header-cell headcol-month">
|
|
<i class="fa" ng-class="header.CollapsedClass" style="margin-right: 5px;"></i>
|
|
{{ ::header.ShortTitle }}
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="headcol" style="visibility: hidden;"></th>
|
|
<!-- days -->
|
|
<th ng-repeat="header in (ViewModel.Header.Weeks) track by $index"
|
|
ng-if="header.Initialized"
|
|
ng-show="header.Show" class="ac-normal-header-cell">
|
|
{{ ::header.ShortTitle }}
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="table-light table-responsive very-big-table freezeTable freezeTable1 main-table-container height-container width-container watch-scroll">
|
|
<table class="table table-striped table-bordered main-table" ng-attr-data-visible-cells="{{ ViewModel.Header.Colspan }}">
|
|
<!-- Projects -->
|
|
<tr ng-repeat="project in (ViewModel.Rows) track by $index">
|
|
<td ng-class="project.CSSClass[$index]"
|
|
ng-repeat="col in (project.Cells) track by $index"
|
|
ng-if="ViewModel.Header.Weeks[$index].Initialized"
|
|
ng-show="ViewModel.Header.Weeks[$index].Show">
|
|
{{ (col || 0 | number:2)}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div> |