48 lines
1.6 KiB
HTML
48 lines
1.6 KiB
HTML
<div class="select-list">
|
|
<div class="input-group list-header pull-left">
|
|
<mat-button-toggle-group #group="matButtonToggleGroup">
|
|
<mat-button-toggle value="BLUFOR" (change)="filterUsers(undefined, group)">
|
|
{{fraction.BLUFOR}}
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="OPFOR" (change)="filterUsers(undefined, group)">
|
|
{{fraction.OPFOR}}
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="UNASSIGNED" (change)="filterUsers(undefined, group)">
|
|
Ohne Squad
|
|
</mat-button-toggle>
|
|
</mat-button-toggle-group>
|
|
<button mat-icon-button class="pull-right" style="margin-right: 16px;">
|
|
<mat-icon svgIcon="add-user" (click)="openNewUserForm()"></mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="input-group list-header">
|
|
<input id="search-tasks"
|
|
type="text" #query class="form-control"
|
|
(keyup.enter)="filterUsers()"
|
|
[formControl]="searchTerm">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-default" type="button"
|
|
(click)="filterUsers()">
|
|
Suchen
|
|
</button>
|
|
</span>
|
|
</div>
|
|
|
|
<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>
|
|
<br>
|
|
</div>
|