76 lines
5.3 KiB
HTML
76 lines
5.3 KiB
HTML
<div auto-focus tabindex="-1">
|
|
<div ng-if="!userModel.isAccessibleUser" loading-spinner if="state.processing || state.bootstraping" overlay="true" centered="true"></div>
|
|
<div ng-if="userModel.isAccessibleUser && (state.processing || state.bootstraping)" aria-live="{{state.bootstraping ? 'polite' : 'off'}}">{{'console.accessible.loading.spinner.message.' + consoleType | i18n}}</div>
|
|
|
|
|
|
|
|
<div ng-if="!state.bootstraping" class="tc__metric clearfix" role="complementary" aria-live="{{!state.bootstraping ? 'assertive' : 'off'}}">
|
|
<div class="tc-metric__main-bar">
|
|
<h3 class="tc__page-name">{{'console.pageName.' + consoleType | i18n}}</h3>
|
|
|
|
|
|
<div class="tc__user-filter">
|
|
<div class="dropdown-input full-width" dropdown>
|
|
<button type="button" class="dropdown-input__button dropdown-toggle" ng-disabled="!userSavedFilterPresets.length">
|
|
<span ng-if="!appliedUserFilter.name && !searchDisabled">{{'console.category.allItems' | i18n}}<span ng-if="selectedFilters.length"> ({{'console.preset.filtered' | i18n}})</span></span>
|
|
<span ng-if="appliedUserFilter.name">{{appliedUserFilter.label || appliedUserFilter.name | i18n}}</span>
|
|
</button>
|
|
<ul class="{{userModel.isAccessibleUser ? 'dropdown-menu dropdown-menu-accessibility' : 'dropdown-menu'}}">
|
|
<li ng-repeat="userFilterPreset in userSavedFilterPresets track by $index">
|
|
<div class="{{(userFilterPreset.name == appliedUserFilter.name) ? 'dropdown-item_selected' : 'dropdown-item'}}" ng-click="applyUserFilterPreset(userFilterPreset)" ng-enter="applyUserFilterPreset(userFilterPreset)" ng-mouseover="showOptions(index)" ng-mouseleave="hideOptions(index)" tabindex="0" role="menuitem">
|
|
<div class="user-preset-name">
|
|
<span class="dropdown-text" title="{{userFilterPreset.label || userFilterPreset.name}}"> {{userFilterPreset.label || userFilterPreset.name }}</span>
|
|
</div>
|
|
<preset-actions></preset-actions>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tc-refresh-console">
|
|
<button type="button" class="btn_no-fill" ng-click="refreshConsole()" title="{{'console.control.icon.refresh_console' | i18n}}">
|
|
<i class="icon-refresh"></i>
|
|
</button>
|
|
</div>
|
|
<div class="tc-metric__stats-bar clearfix" ng-if="displayMetric">
|
|
<div ng-if="showStats" ng-repeat="metric in ticketMetric" class="{{'tc-metric__item_' + metric.label}}" ng-class="{'tc-metric__item_disabled': !metric.value || !metric.filterSetup}"
|
|
ng-click="metric.value && applyFilterSet(metric.filterSetup, true)" ng-enter="metric.value && applyFilterSet(metric.filterSetup, true)" tabindex="0">
|
|
<h3 class="tc-metric__count">
|
|
<div loading-spinner if="state.updatingMetric" inline="true"></div>
|
|
<span ng-if="!state.updatingMetric" ng-class="{'tc-metric__count-hidden' : searchDisabled}">{{metric.value | metricCount}}</span>
|
|
</h3>
|
|
<div class="tc-metric__text">{{(( metric.value === 0 || metric.value === 1) ? 'console.' + consoleType + '.category.' + metric.label + '.singular' : 'console.' + consoleType + '.category.' + metric.label + '.plural') | i18n}}</div>
|
|
</div>
|
|
<div class="tc-metric__show-stats" ng-if="!showStats">
|
|
<button class="btn_secondary" ng-click="refreshToShowStats()">{{'console.actions.refreshStats' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="!state.bootstraping" class="{{displayMetric || consoleType === 'asset' ? 'tc__panel' : 'tc__panel_from-top'}}">
|
|
<div class="tc__header-bar clearfix">
|
|
<div class="tc-header__main-bar" ng-class="{'tc-header__accessible-bar' : userModel.isAccessibleUser}" aria-live="polite" aria-relevant="additions removals">
|
|
<div class="tc__ribbon-bar" ng-if="selectedItems.length || !displayFilter" ng-include="'views/console/console-ribbon-bar.html'"
|
|
role="region" aria-label="{{'console.actions.label' | i18n}}"></div>
|
|
<div class="tc__filter-bar clearfix" ng-if="displayFilter && !selectedItems.length" ng-include="'views/console/console-filter-bar.html'"
|
|
role="region" aria-label="{{'common.button.filter' | i18n}}"></div>
|
|
</div>
|
|
<div class="tc-header__menu" ng-if="!userModel.isAccessibleUser" ng-click="startColumnConfigurator($event)"
|
|
ng-enter="startColumnConfigurator($event)" tabindex="0">
|
|
<i class="icon-ellipsis"></i>
|
|
</div>
|
|
</div>
|
|
<div ng-if="searchDisabled" class="tc__list-disabled" role="region">
|
|
<div class="tc__list-placeholder-text" aria-label="{{'console.ticket.searchDisabled.placeholder' | i18n}}">{{'console.ticket.searchDisabled.placeholder' | i18n}}</div>
|
|
</div>
|
|
<div ng-if="!searchDisabled && !totalItemsFound" class="tc__list-disabled" role="region">
|
|
<div class="tc__list-placeholder-text" aria-label="{{'console.ticket.noResult.placeholder' | i18n}}">{{'console.ticket.noResult.placeholder' | i18n}}</div>
|
|
</div>
|
|
<div ng-if="!userModel.isAccessibleUser && !searchDisabled && totalItemsFound" class="tc__list">
|
|
<div class="gridStyle" ng-grid="gridOptions"></div>
|
|
</div>
|
|
<accessible-item-list ng-if="userModel.isAccessibleUser && !searchDisabled" class="tc__accessible" console-type="consoleType" item-list="itemList" grid-columns="gridColumns" state="state" criteria="criteria"
|
|
total-items-found="totalItemsFound" handle-row-selection="handleRowSelection(data)" show-selection="gridOptions.showSelectionCheckbox">
|
|
</accessible-item-list>
|
|
</div>
|
|
</div> |