31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
|
<div class="select-list">
|
||
|
|
<cc-list-filter
|
||
|
|
[filterButtons]="[{label: fraction.BLUFOR, value: 'BLUFOR'},
|
||
|
|
{label: fraction.OPFOR, value: 'OPFOR'},
|
||
|
|
{label: 'users.list.filter.no.squad', value: 'UNASSIGNED'}]"
|
||
|
|
[addButton]="{svgIcon: 'add-user', tooltip: 'users.list.tooltip.new'}"
|
||
|
|
(executeSearch)="filterUsers(undefined, $event)"
|
||
|
|
(openAddFrom)="openNewUserForm()">
|
||
|
|
</cc-list-filter>
|
||
|
|
||
|
|
<cc-list-search [searchTerm]="searchTerm"
|
||
|
|
(searchTermStream)="initObservable($event)"
|
||
|
|
(executeSearch)="filterUsers()">
|
||
|
|
</cc-list-search>
|
||
|
|
|
||
|
|
<div class="search-results"
|
||
|
|
data-infinite-scroll
|
||
|
|
debounce
|
||
|
|
[infiniteScrollDistance]="scrollDistance"
|
||
|
|
[infiniteScrollThrottle]="throttle"
|
||
|
|
(scrolled)="onScrollDown()">
|
||
|
|
<pjm-user-item *ngFor="let user of users$ | async"
|
||
|
|
[user]="user"
|
||
|
|
(userDelete)="deleteUser(user)"
|
||
|
|
(userSelected)="selectUser($event)"
|
||
|
|
(userAward)="awardUser($event)"
|
||
|
|
[selected]="user._id == selectedUserId">
|
||
|
|
</pjm-user-item>
|
||
|
|
</div>
|
||
|
|
</div>
|