82 lines
4.3 KiB
HTML
82 lines
4.3 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_no-shadow">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'shareBlade.title' | i18n}}</h2>
|
|
</div>
|
|
|
|
<div class="action-blade__body">
|
|
<div loading-spinner if="state.processing" overlay="true" centered="true"></div>
|
|
<div class="share-blade__menu clearfix" role="region" aria-label="{{'common.region.search' | i18n}}">
|
|
<div class="col-xs-6">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text required__label" data-required="{{'common.label.required.bracketed' | i18n}}">{{'shareBlade.filter.group' | i18n}}</span>
|
|
<selection selection-items="supportGroups"
|
|
selected-item="selected.group"
|
|
selection-callback="selectGroup(item)"
|
|
title-text="{{'shareBlade.filter.group' | i18n}}"
|
|
label="name"
|
|
value="id"
|
|
autofocus
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="shareBlade.searchGroup"
|
|
typeahead-mode="state.tooManySupportGroups"
|
|
typeahead-details="group as group.name for group in getList($viewValue)"
|
|
typeahead-get-list="getSupportGroupsByText(name)">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">{{'shareBlade.filter.search' | i18n}}</span>
|
|
<input title="{{'shareBlade.searchPerson' | i18n}}"
|
|
class="assign-search"
|
|
type="text"
|
|
ng-model="searchText"
|
|
ng-change="onPersonSearchTextChanged()"
|
|
ng-enter="onPersonSearchTextChanged()"
|
|
ng-disabled="!selected.group"
|
|
placeholder="{{'shareBlade.searchPerson' | i18n}}"/>
|
|
</label>
|
|
</div>
|
|
<div class="share-blade__note col-xs-12">
|
|
<input title="{{'shareBlade.note.placeholder' | i18n}}" type="text" class="text-input full-width" ng-model="selected.note" placeholder="{{'shareBlade.note.placeholder' | i18n}}" />
|
|
</div>
|
|
</div>
|
|
<div class="share-blade__persons">
|
|
<div class="share-blade__person-list" role="region" aria-label="{{'common.region.selectionList' | i18n}}">
|
|
<div ng-if="!selected.group.members.length && state.noSupportGroups" class="action-blade__assign-list-label">
|
|
{{'shareBlade.searchGroup.noMatch.label' | i18n}}
|
|
</div>
|
|
<div ng-if="!selected.group.members.length && !state.noSupportGroups && !state.tooManySupportPeople && (selected.group.id == 'All' || !groups.length)" class="action-blade__assign-list-label">
|
|
{{'shareBlade.searchPerson.noMatch.label' | i18n}}
|
|
</div>
|
|
<div ng-if="!searchText && state.tooManySupportPeople" class="action-blade__assign-list-label">
|
|
{{'common.labels.tooManyPeopleToDisplay' | i18n}}
|
|
</div>
|
|
<div class="share-blade__person clearfix" ng-repeat="person in selected.group.members | filter : {fullName: searchText}" tabindex="0">
|
|
<div class="share-person__check">
|
|
<input type="checkbox" ng-model="person.isSelected"/>
|
|
</div>
|
|
<div class="share-person__avatar">
|
|
<img alt="{{person.fullName}}" class="app__person-avatar_medium" imgplaceholder="user"
|
|
thumbnail-img="{{'data:' + person.thumbnailMime + ';base64,' + person.thumbnail}}" />
|
|
</div>
|
|
<div class="share-person__details">
|
|
<div class="share-person__opened-tickets" ng-if="person.openTickets">
|
|
{{person.openTickets}} {{ (person.openTickets == 1 ? 'assignBlade.person.openTicket' : 'assignBlade.person.openTickets') | i18n}}
|
|
</div>
|
|
<div class="share-person__name">{{person.fullName}}</div>
|
|
<div class="share-person__detail">{{person.department}} Service Desk</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="action-blade__footer clearfix" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="action-blade__button-container">
|
|
<button type="submit" class="btn_primary" ng-disabled="!isPersonSelected() || state.processing" ng-click="share()">{{'common.button.share' | i18n}}</button>
|
|
<button type="button" class="btn_secondary" ng-disabled="state.processing" ng-click="$dismiss()">{{'common.button.cancel' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |