56 lines
4.6 KiB
HTML
56 lines
4.6 KiB
HTML
<div ux-id="col-config-action-blade" role="dialog" aria-labelledby="modalLabel">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div class="action-blade__header">
|
|
<h2 ux-id="blade-title" id="modalLabel" class="action-blade__title">{{'console.columnConfiguration.title' | i18n}}</h2>
|
|
<button ux-id="col-config-action-blade-refresh-metadata-btn" ng-if="showMetadataReloadButton"
|
|
type="button" autofocus class="refresh-metadata__button" ng-click="refreshMetadata()" title="{{'screenConfiguration.refreshMetadata' | i18n}}">
|
|
<span class="icon-repeat" aria-hidden="true"></span>{{'screenConfiguration.refreshMetadata' | i18n}}
|
|
</button>
|
|
</div>
|
|
<div class="action-blade__body clearfix">
|
|
<div loading-spinner if="state.savingConfiguration" overlay="true" centered="true"></div>
|
|
|
|
<div class="column-configurator__tip" >{{"console.columnConfiguration.tip" | i18n}}</div>
|
|
<div class="column-configurator">
|
|
<div ux-id="available-columns" class="column-configurator__outer-container col-xs-6 full-height" tabindex="0" role="region" aria-label="{{'console.columnConfiguration.column.available' | i18n}}">
|
|
<div class="column-configurator__container-name">{{"console.columnConfiguration.column.available" | i18n}}</div>
|
|
|
|
<div ng-if="columnFilterOptions" class="column-configurator__filter-element" ng-repeat="option in columnFilterOptions | orderBy: ['order','name']">
|
|
<div ux-id="ticket-type_{{$index}}" class="{{option.active ? 'dropdown-item_selected' : 'dropdown-item'}}" tabindex="0" ng-click="updateColumnFilter(option)" ng-enter="updateColumnFilter(option)"
|
|
role="menuitemcheckbox" aria-checked="{{option.active}}">
|
|
{{'console.filter.optionName.' + option.label | i18n}}
|
|
</div>
|
|
</div>
|
|
<div ui-sortable="sortableOptionsList[0]" class="column-configurator__container" ng-model="availiableColumns"
|
|
title="{{'console.columnConfiguration.column.available' | i18n}}" role="main">
|
|
<div ux-id="available-selected-cols_{{$index}}" class="column-configurator__column" tabindex="0" ng-repeat="column in availiableColumns" ng-hide="!column.onDisplay" ng-dblclick="updateColumn(column, 'available')" ng-enter="updateColumn(column, 'available')">
|
|
{{(consoleType !== "ticket") ? ('console.column.' + column.displayName | i18n) : column.displayName}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ux-id="visible-columns" class="column-configurator__outer-container col-xs-6 full-height" role="region" aria-label="{{'console.columnConfiguration.column.selected' | i18n}}" tabindex="0">
|
|
<div class="column-configurator__container-name">{{"console.columnConfiguration.column.selected" | i18n}}</div>
|
|
<div ui-sortable="sortableOptionsList[1]" class="column-configurator__container" ng-model="selectedColumns"
|
|
title="{{'console.columnConfiguration.column.selected' | i18n}}" role="main">
|
|
<div ux-id="visible-col_{{$index}}" class="column-configurator__column" tabindex="0" ng-repeat="column in selectedColumns" ng-dblclick="updateColumn(column, 'selected')" ng-enter="updateColumn(column, 'selected')">
|
|
<i class="fields-widget__icon icon-dots"></i>
|
|
{{(consoleType !== "ticket") ? ('console.column.' + column.displayName | i18n) : column.displayName}}
|
|
<span ng-if="userModel.isAccessibleUser" class="pull-right">
|
|
<a ux-id="col-config-action-blade-notfirstmove-col_{{$index}}" href ng-if="!$first" ng-click="moveColumn($index, 'up');$event.stopPropagation();" ng-enter="moveColumn($index, 'up');$event.stopPropagation();">{{"console.column.moveUp" | i18n}}</a>
|
|
<a ux-id="col-config-action-blade-notlastmove-col_{{$index}}" href ng-if="!$last" ng-click="moveColumn($index, 'down');$event.stopPropagation();" ng-enter="moveColumn($index, 'down');$event.stopPropagation();">{{"console.column.moveDown" | i18n}}</a>
|
|
</span>
|
|
<i class="icon-cross tag__remove" ng-click="updateColumn(column, 'selected')" ng-enter="updateColumn(column, 'selected')"
|
|
title="{{'common.button.remove' | i18n}} {{column.displayName}}" role="link" tabindex="0"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="action-blade__footer clearfix" aria-label="{{ 'console.actions.label' | i18n }}" role="region">
|
|
<div class="action-blade__button-container" role="main">
|
|
<button ux-id="submit-btn" type="submit" class="btn_primary" ng-click="submit()">{{'common.button.save' | i18n}}</button>
|
|
<button ux-id="cancel-btn" type="button" class="btn_secondary" ng-click="$dismiss()">{{'common.button.cancel' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |