opt-cc/static/src/app/squads/squad-list/squad-list.component.html

<div class="select-list">
  <div class="input-group list-header pull-left">
    <label class="radio-inline">
      <input type="radio" name="fractSelect"
             [checked]="(fractionRadioSelect == undefined) ? 'true' : 'false'"
             [(ngModel)]="fractionRadioSelect"
             (change)="filterSquads(query.value, '')">Alle
    </label>
    <label class="radio-inline">
      <input type="radio" name="fractSelect" value="blufor"
             [(ngModel)]="fractionRadioSelect"
             #fractRadioBufor
             (change)="filterSquads(query.value, fractRadioBufor.value)">NATO
    </label>
    <label class="radio-inline">
      <input type="radio" name="fractSelect" value="opfor"
             [(ngModel)]="fractionRadioSelect"
             #fractRadioOpfor
             (change)="filterSquads(query.value, fractRadioOpfor.value)">CSAT
    </label>
    <a class="pull-right btn btn-success" (click)="openNewSquadForm()">
      Squad 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)="filterSquads(query.value, fractionRadioSelect)"
           [formControl]="searchTerm">
    <span class="input-group-btn">
      <button class="btn btn-default" type="button"
              (click)="filterSquads(query.value, fractionRadioSelect)">
        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>