37 lines
1.8 KiB
HTML
37 lines
1.8 KiB
HTML
<table ux-id="email-recipients" class="email__recipient" title="{{'email.recipient.placeholder'|i18n}}">
|
|
<tr>
|
|
<td ux-id="recipient-label" class="email__recipient-title">{{label}}:</td>
|
|
<td class="email__recipient-list" ng-click="focusInput()">
|
|
<div ux-id="recipient-default-placeholder" tabindex="0" class="email__recipient-placeholder" ng-if="!inputText && !recipientList.length" aria-label="{{email.recipient.placeholder|i18n}}">{{'email.recipient.placeholder'|i18n}}</div>
|
|
<div ux-id="selected-recipient_{{$index}}" class="email__recipient-item"
|
|
ng-repeat="recipient in recipientList"
|
|
title="{{recipient.email}}">
|
|
{{recipient.fullName}}
|
|
<span ng-if="recipient.type"> ({{recipient.type}})</span>
|
|
<i class="icon-cross" tabindex=0 role="link"
|
|
title="{{'common.button.remove' | i18n}}"
|
|
ng-click="removeRecipient(recipient)" ng-enter="removeRecipient(recipient)">
|
|
</i>
|
|
</div>
|
|
<span ux-id="recipient-textbox" class="email__recipient-input"
|
|
bind-contenteditable
|
|
is-disabled="defaultListLoading"
|
|
contenteditable="true"
|
|
ng-keydown="handleKeydown($event)"
|
|
ng-blur="handleBlurEvent($event)"
|
|
ng-model="inputText"
|
|
ng-change="onTextChange()"
|
|
role="combobox"
|
|
typeahead-min-length="3"
|
|
typeahead-template-url="components/email/email-recipent-suggestion.html"
|
|
typeahead="user as user.fullName for user in getList('person', $viewValue)"
|
|
typeahead-on-select="onRecipientSelect($item)"
|
|
typeahead-wait-ms="100"
|
|
typeahead-loading="typeaheadLoading"
|
|
spellcheck="false" aria-label="{{email.recipient.placeholder|i18n}} {{'email.recipient.placeholder'|i18n}}">
|
|
</span>
|
|
<span class="email__popup-spinner" loading-spinner if="defaultListLoading || typeaheadLoading" inline="true"></span>
|
|
</td>
|
|
</tr>
|
|
</table>
|