40 lines
1.4 KiB
HTML
40 lines
1.4 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)="filterDecorations(group)">
|
|
{{fraction.BLUFOR}}
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="OPFOR" (change)="filterDecorations(group)">
|
|
{{fraction.OPFOR}}
|
|
</mat-button-toggle>
|
|
<mat-button-toggle value="GLOBAL" (change)="filterDecorations(group)">
|
|
Global
|
|
</mat-button-toggle>
|
|
</mat-button-toggle-group>
|
|
<a class="pull-right btn btn-success" (click)="openNewDecorationForm()">+</a>
|
|
</div>
|
|
|
|
<div class="input-group list-header">
|
|
<input id="search-tasks"
|
|
type="text" #query class="form-control"
|
|
(keyup.enter)="filterDecorations()"
|
|
[formControl]="searchTerm">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-default" type="button"
|
|
(click)="filterDecorations()">
|
|
Suchen
|
|
</button>
|
|
</span>
|
|
</div>
|
|
|
|
<div>
|
|
<decoration-item *ngFor="let decoration of decorations$ | async"
|
|
[decoration]="decoration"
|
|
(decorationDelete)="deleteDecoration(decoration)"
|
|
(decorationSelected)="selectDecoration($event)"
|
|
[selected]="decoration._id == selectedDecorationId">
|
|
</decoration-item>
|
|
</div>
|
|
|
|
</div>
|