102 lines
6.3 KiB
HTML
102 lines
6.3 KiB
HTML
<div role="dialog" aria-labelledby="modalLabel">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
|
|
<div class="action-blade__header_no-shadow" ng-if="!isConsoleMode">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'asset.actionBlade.addPeople.title' | i18n }}</h2>
|
|
</div>
|
|
|
|
<div class="add-people__find-people-section clearfix" role="region" aria-label="{{'common.region.search' | i18n}}">
|
|
<div class="add-people__type-section">
|
|
<label class="label_control-wrap">
|
|
<div class="control-label">{{'asset.actionBlade.addPeople.peopleType.label' | i18n}}:</div>
|
|
<selection selection-items="peopleTypes"
|
|
selected-item="selectedType"
|
|
selection-callback="selectPeopleType(item)"
|
|
autofocus
|
|
title-text="{{'asset.actionBlade.addPeople.peopleType.label' | i18n}}"
|
|
i18n-prefix="asset.actionBlade.addPeople.peopleType.">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<form ng-show="selectedType=='people'" class="add-people__search-form" ng-submit="doSearch()">
|
|
<input title="{{'asset.actionBlade.addPeople.searchPeople.placeholder' | i18n}}" type="text" class="add-people__search-bar" ng-model="searchPeople.text"
|
|
placeholder="{{'asset.actionBlade.addPeople.searchPeople.placeholder' | i18n}}">
|
|
</form>
|
|
<div ng-hide="selectedType=='people' || selectedType=='company'" class="add-people__company-section">
|
|
<label class="label_control-wrap">
|
|
<div class="control-label">{{'asset.actionBlade.addPeople.company.label' | i18n}}:</div>
|
|
<selection selection-items="companyList"
|
|
selected-item="company"
|
|
selection-callback="changeCompany(item)"
|
|
title-text="{{'asset.actionBlade.addPeople.company.label' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="assignBlade.searchCompany"
|
|
typeahead-mode="state.tooManyCompanies"
|
|
typeahead-details="company as company.name for company in getList($viewValue)"
|
|
typeahead-get-list="getCompaniesByName(name)"
|
|
show-clear=true>
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div ng-hide="selectedType=='people'" class="add-people__filter">
|
|
<input ng-change="onSearchTextChange()" ng-enter="onSearchTextChange()" title="{{'search.placeholder' | i18n}}" type='text' class="add-people__search-bar" ng-model='searchPeople.filter'
|
|
placeholder="{{'search.placeholder' | i18n}}">
|
|
</div>
|
|
|
|
<div class="add-people__search-results" role="region" aria-label="{{'common.region.selectionList' | i18n}}">
|
|
<div loading-spinner if="state.isPeopleRelationsLoading" centered="true" overlay="true"></div>
|
|
<div ng-class="{'add-people-blade__list': selectedType=='people', 'add-people-blade__list-filter': selectedType!='people',
|
|
'add-people-blade__launch-action': (isConsoleMode && selectedType!='people'), 'add-people-blade__launch-action__people': (isConsoleMode && selectedType=='people')}">
|
|
<div ng-if="searchPeople.results.length==0 && !state.dataSearching">{{'asset.actionBlade.addPeople.noResults' | i18n}}</div>
|
|
<div ng-if="state.dataSearching">{{'common.labels.loading' | i18n}}</div>
|
|
<div ng-show="selectedType=='people'" class="{{selectedPerson.loginId == person.loginId ? 'add-people__item_selected' : 'add-people__item'}} clearfix"
|
|
ng-repeat="person in searchPeople.results" ng-click="selectPerson(person)" ng-enter="selectPerson(person)" tabindex="0" aria-label="{{person.fullName}}{{'common.aria.labels.clickable' | i18n}}">
|
|
<div class="add-people__user-pic">
|
|
<img alt="{{person.fullName}}" class="add-people__user-avatar" imgplaceholder="user"
|
|
thumbnail-img="{{'data:' + person.thumbnailMime + ';base64,' + person.thumbnail}}" />
|
|
</div>
|
|
<div class="add-people__details">
|
|
<div class="nowrap-line font-semibold">{{person.fullName}}
|
|
<span ng-if="person.profileStatus === 'Offline'">{{'(' + person.profileStatus + ')'}}</span>
|
|
</div>
|
|
<span ng-if="person.organization">{{person.organization}}, </span><span>{{person.company.name}}</span>
|
|
</div>
|
|
</div>
|
|
<div ng-hide="selectedType=='people'" class="{{selectedPerson.name == person.name ? 'add-people__item_selected' : 'add-people__item'}} clearfix"
|
|
ng-repeat="person in searchPeople.results | filter : {name: searchPeople.filter}" ng-click="selectPerson(person)" ng-enter="selectPerson(person)" tabindex="0" aria-label="{{person.name}}{{'common.aria.labels.clickable' | i18n}}" >
|
|
<div>
|
|
<div class="nowrap-line font-semibold">{{person.name}}</div>
|
|
<span ng-if="selectedType=='department'">{{person.attributeMap.organizationName}}, {{person.attributeMap.companyName}}</span>
|
|
<span ng-if="selectedType=='supportgroup'">{{person.organization}}, {{person.company.name}}</span>
|
|
</div>
|
|
</div>
|
|
<div ng-if="showMore"><a ng-click="loadMore()">{{'common.labels.showMore' | i18n}}</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="action-blade__footer" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="add-people__role-section clearfix">
|
|
<label class="label_control-wrap">
|
|
<div class="control-label pull-left">{{'asset.actionBlade.addPeople.peopleRelationshipType.label' | i18n}}:</div>
|
|
<div class="add-people__role-dropdown">
|
|
<selection selection-items="peopleRelationshipTypes"
|
|
selected-item="selectedRelationshipType"
|
|
selection-callback="selectRelationshipType(item)"
|
|
title-text="{{'asset.actionBlade.addPeople.peopleRelationshipType.label' | i18n}}"
|
|
i18n-prefix="common.relationship.type.">
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="action-blade__button-container" ng-if="!isConsoleMode">
|
|
<button type="submit" class="btn_primary" ng-disabled="state.dataIsLoading || !selectedPerson"
|
|
ng-click="addPeopleToAsset()">{{'asset.actionBlade.addPeople.add.button' | i18n}}</button>
|
|
<button type="button" class="btn_secondary" ng-disabled="state.dataIsLoading" ng-click="close()">{{'common.button.cancel' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |