opt-cc/opt-cc-static/src/app/decorations/decoration-list/decoration-list.component.html

51 lines
1.9 KiB
HTML

<div class="decoration-list">
<h2>Übersicht</h2>
<div class="input-group search-bar" style="padding-bottom: 5px; width:100%">
<form class="pull-left form-group">
<label class="radio-inline">
<input type="radio" name="fractSelect"
[checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
[(ngModel)]="fractionRadioSelect"
(change)="filterSquadsByFraction(query.value)">Alle
</label>
<label class="radio-inline">
<input type="radio" name="fractSelect" value="blufor"
[(ngModel)]="fractionRadioSelect"
#fractRadioBufor
(change)="filterSquadsByFraction(query.value, fractRadioBufor.value)">NATO
</label>
<label class="radio-inline">
<input type="radio" name="fractSelect" value="opfor"
[(ngModel)]="fractionRadioSelect"
#fractRadioOpfor
(change)="filterSquadsByFraction(query.value, fractRadioOpfor.value)">CSAT
</label>
</form>
<a class="pull-right btn btn-success" (click)="openNewSquadForm()">
Neue Auszeichnung hinzufügen
</a>
</div>
<div class="input-group search-bar" style="padding-top: 0;">
<input id="search-tasks"
type="text" #query class="form-control"
(keyup.enter)="findSquads(query.value)"
[formControl]="searchTerm">
<span class="input-group-btn">
<button class="btn btn-default" type="button"
(click)="findSquads(query.value)">
Suchen
</button>
</span>
</div>
<div>
<pjm-decoration-item *ngFor="let decoration of decorations$ | async"
[decoration]="decoration"
(decorationSelected)="selectDecoration($event)"
[selected]="decoration._id == selectedDecorationId">
</pjm-decoration-item>
</div>
</div>