57 lines
3.2 KiB
HTML
57 lines
3.2 KiB
HTML
<div>
|
|
<div loading-spinner if="state.loadingMoreTickets" centered="true" overlay="true"></div>
|
|
|
|
<div class="row tc__chunk-section" role="contentinfo" tabindex="0" aria-labelledby="accessibleTicketCount">
|
|
<div ng-if="accessibleItemList.length" class="tc__row-count" id="accessibleTicketCount" aria-live="polite">
|
|
{{'console.' + consoleType + '.record.count' | i18n: [criteria.chunkInfo.startIndex + 1, endTicketCount, totalItemsFound]}}
|
|
</div>
|
|
<button type="button" ng-if="criteria.chunkInfo.startIndex > 0" ng-click="fetchMoreTickets('previous')" type="button" class="btn_secondary tc__chunk-button">
|
|
<span ng-class="{'icon-triangle_right': rtlMode, 'icon-triangle_left': !rtlMode}"></span>
|
|
<span class="tc__chunk-text">{{ 'console.chunk.previous' | i18n }}</span>
|
|
</button>
|
|
<button ng-if="criteria.chunkInfo.startIndex + criteria.chunkInfo.chunkSize < totalItemsFound" ng-click="fetchMoreTickets('next')"
|
|
type="button" class="btn_secondary tc__chunk-button">
|
|
<span class="tc__chunk-text">{{ 'console.chunk.next' | i18n }}</span>
|
|
<span ng-class="{'icon-triangle_left': rtlMode, 'icon-triangle_right': !rtlMode}"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div role="region" tabindex="0" aria-label="{{'globalNav.' + consoleType | i18n}}" aria-live="polite">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="col" ng-if="showSelection">
|
|
<input type="checkbox" ng-model="selectAll" ng-change="selectAllTickets(selectAll)"
|
|
title="{{'common.button.select' | i18n}} {{'console.' + consoleType + '.items' | i18n}}"/>
|
|
</th>
|
|
<th ng-repeat="column in gridColumns" ng-if="column.visible" scope="col">
|
|
<a href ng-click="sortColumn(column.attributeName)">
|
|
{{ column.displayName | i18n}}
|
|
<i ng-class="{'icon-triangle_up' : column.sortOrder=='ASC', 'icon-triangle_down': column.sortOrder=='DESC'}"></i>
|
|
</a>
|
|
</th>
|
|
<th scope="col">
|
|
{{'console.actions.label' | i18n}}
|
|
</th>
|
|
</tr>
|
|
<tr ng-repeat="item in accessibleItemList" ng-class="{'tc__cell-selected': item.selected}" tabindex="0">
|
|
<td headers="Selection Link" ng-if="showSelection">
|
|
<input type="checkbox" ng-model="item.selected" ng-change="selectTicket(item)"
|
|
title="{{'common.button.select' | i18n}} {{'common.labels.' + item.type | i18n}} {{item.displayId ? item.displayId : item.articleId}}"/>
|
|
</td>
|
|
<td ng-repeat="column in gridColumns" ng-if="column.visible" headers="{{column.displayName}}">
|
|
{{ getColumnData(item, column.field, column.attributeName) }}
|
|
</td>
|
|
<td headers="Actions">
|
|
<a ng-if="item.ticketType === 'asset'" title="{{'common.placeholder.viewDetails' | i18n}}" ui-sref="{{item.ticketType}}({assetId: item.reconciliationId, assetClassId: item.classId})" aria-label="{{item.assetId}} {{'common.placeholder.viewDetails' | i18n}}">
|
|
{{'common.placeholder.viewDetails' | i18n}}
|
|
</a>
|
|
<a ng-if="item.ticketType !== 'asset'" title="{{'common.placeholder.viewDetails' | i18n}}" ui-sref="{{item.type}}({id: item.id})" aria-label="{{item.displayId ? item.displayId : item.articleId}} {{'common.placeholder.viewDetails' | i18n}}">
|
|
{{'common.placeholder.viewDetails' | i18n}}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div> |