2017-10-06 20:11:18 +02:00
|
|
|
<div class="select-list">
|
2018-07-08 18:27:24 +02:00
|
|
|
<cc-list-filter
|
2019-10-01 13:51:03 +02:00
|
|
|
[filterButtons]="[{label: fraction.ARF, value: 'BLUFOR'},
|
|
|
|
{label: fraction.SWORD, value: 'OPFOR'},
|
2018-10-04 10:33:15 +02:00
|
|
|
{label: 'users.list.filter.no.squad', value: 'UNASSIGNED'}]"
|
|
|
|
[addButton]="{svgIcon: 'add-user', tooltip: 'users.list.tooltip.new'}"
|
2018-07-08 18:27:24 +02:00
|
|
|
(executeSearch)="filterUsers(undefined, $event)"
|
|
|
|
(openAddFrom)="openNewUserForm()">
|
|
|
|
</cc-list-filter>
|
2017-05-10 11:04:06 +02:00
|
|
|
|
2018-07-08 18:27:24 +02:00
|
|
|
<cc-list-search [searchTerm]="searchTerm"
|
|
|
|
(searchTermStream)="initObservable($event)"
|
|
|
|
(executeSearch)="filterUsers()">
|
|
|
|
</cc-list-search>
|
2017-05-10 11:04:06 +02:00
|
|
|
|
2017-10-14 15:26:05 +02:00
|
|
|
<div class="search-results"
|
|
|
|
data-infinite-scroll
|
|
|
|
debounce
|
|
|
|
[infiniteScrollDistance]="scrollDistance"
|
|
|
|
[infiniteScrollThrottle]="throttle"
|
|
|
|
(scrolled)="onScrollDown()">
|
2018-10-20 22:50:46 +02:00
|
|
|
<cc-user-item *ngFor="let user of users$ | async"
|
2017-05-10 11:04:06 +02:00
|
|
|
[user]="user"
|
|
|
|
(userDelete)="deleteUser(user)"
|
|
|
|
(userSelected)="selectUser($event)"
|
2017-11-13 15:45:12 +01:00
|
|
|
(userAward)="awardUser($event)"
|
2017-05-10 11:04:06 +02:00
|
|
|
[selected]="user._id == selectedUserId">
|
2018-10-20 22:50:46 +02:00
|
|
|
</cc-user-item>
|
2017-05-10 11:04:06 +02:00
|
|
|
</div>
|
|
|
|
</div>
|