55 lines
4.0 KiB
HTML
55 lines
4.0 KiB
HTML
<div role="dialog" aria-labelledby="modalLabel">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div class="action-blade__header">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'console.columnConfiguration.title' | i18n}}</h2>
|
|
<button ng-if="showMetadataReloadButton" type="button" 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 class="column-configurator__outer-container col-xs-6 full-height">
|
|
<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 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 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 class="column-configurator__outer-container col-xs-6 full-height">
|
|
<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 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 href ng-if="!$first" ng-click="moveColumn($index, 'up');$event.stopPropagation();" ng-enter="moveColumn($index, 'up');$event.stopPropagation();">{{"console.column.moveUp" | i18n}}</a>
|
|
<a 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">
|
|
<div class="action-blade__button-container" title="{{'console.actions.label' | i18n}}" role="main">
|
|
<button type="submit" class="btn_primary" ng-click="submit()">{{'common.button.save' | i18n}}</button>
|
|
<button 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> |