40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
<div class="select-list">
|
|
<div class="list-header">
|
|
<mat-button-toggle-group #group="matButtonToggleGroup">
|
|
<mat-button-toggle value="BLUFOR" (change)="filterSquads(group)">
|
|
{{fraction.BLUFOR}}
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="OPFOR" (change)="filterSquads(group)">
|
|
{{fraction.OPFOR}}
|
|
</mat-button-toggle>
|
|
</mat-button-toggle-group>
|
|
<button mat-icon-button class="add-btn">
|
|
<mat-icon svgIcon="add" title="Neues Squad hinzufügen"
|
|
(click)="openNewSquadForm()"></mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="input-group search-bar">
|
|
<input id="search-tasks"
|
|
type="text" #query class="form-control"
|
|
(keyup.enter)="filterSquads()"
|
|
[formControl]="searchTerm">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-default" type="button"
|
|
(click)="filterSquads()">
|
|
Suchen
|
|
</button>
|
|
</span>
|
|
</div>
|
|
|
|
<div>
|
|
<pjm-squad-item *ngFor="let squad of squads$ | async"
|
|
[squad]="squad"
|
|
(squadDelete)="deleteSquad(squad)"
|
|
(squadSelected)="selectSquad($event)"
|
|
[selected]="squad._id == selectedSquadId">
|
|
</pjm-squad-item>
|
|
</div>
|
|
|
|
</div>
|