112 lines
5.9 KiB
HTML
112 lines
5.9 KiB
HTML
<div ng-controller="supplyDemandCalendarController" class="ac-container">
|
|
<div class="ac-control" ng-show="ViewModel.DataLoaded" 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>Priority</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">
|
|
<!-- ac-left-table class uses only for ngMovable directive to identify right place to move body from the bottom part -->
|
|
<table class="table table1 vertical-scroll-target watch-resizing ng-popup-menu-container ac-left-table" data-scrollcontainerclass="table-light" data-menuclass="menuGroup">
|
|
<tbody ng-if="ViewModel.DisplayMode.ShowUpper.Value">
|
|
<!-- Projects -->
|
|
<tr ng-repeat="row in ViewModel.Rows" grid-row templateUrl="{{row.Templates.Main}}"></tr>
|
|
<tr>
|
|
<td class="headcol1 headcol-week ac-row-name">
|
|
<strong title="Total">Total</strong>
|
|
</td>
|
|
<td class="ac-row-total"></td>
|
|
<td class="ac-row-total">
|
|
<div class="ac-total">
|
|
<strong>{{ (ViewModel.TotalRow.TotalValue || 0 | number:2) }}</strong>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</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">
|
|
<!-- ac-right-table class uses only for ngMovable directive to identify right place to move body from the bottom part -->
|
|
<table class="table table-striped table-bordered main-table ac-right-table"
|
|
ng-attr-data-visible-cells="{{ ViewModel.Header.Colspan }}"
|
|
ng-class="{'bar-mode':ViewModel.DisplayMode.IsBarMode}">
|
|
<tbody ng-if="ViewModel.DisplayMode.ShowUpper.Value">
|
|
<!-- Projects -->
|
|
<tr ng-repeat="row in ViewModel.Rows" grid-row templateUrl="{{row.Templates.Numbers}}"></tr>
|
|
<!-- Total row -->
|
|
<tr>
|
|
<td ng-repeat="header in (ViewModel.Header.Weeks) track by $index"
|
|
ng-if="header.Initialized"
|
|
ng-show="header.Show"
|
|
ng-attr-style="{{ ViewModel.TotalRow.CSSStyle[$index] }}"
|
|
ng-class="ViewModel.TotalRow.CSSClass[$index]">
|
|
<strong>{{ (ViewModel.TotalRow.Cells[$index] | number:2) }}</strong>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="ac-control" ng-show="!ViewModel.DataLoaded">
|
|
<table class="table" style="width: 100%">
|
|
<tbody>
|
|
<tr>
|
|
<td style="text-align: center;">
|
|
There is no data available.
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div ng-show="::false" ng-include="'/Content/templates/ActivityCalendar/_activityCalendarTeamInfo.html?v=9'"></div>
|
|
</div> |