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

<div class="select-list">
  <cc-list-filter
    [filterButtons]="[{label: fraction.ARF, value: 'BLUFOR'},
                      {label: fraction.SWORD, value: 'OPFOR'}]"
    [addButton]="{svgIcon: 'add', tooltip: 'squad.list.tooltip.new'}"
    (executeSearch)="filterSquads($event)"
    (openAddFrom)="openNewSquadForm()">
  </cc-list-filter>

  <cc-list-search [searchTerm]="searchTerm"
                  (searchTermStream)="initObservable($event)"
                  (executeSearch)="filterSquads()">
  </cc-list-search>

  <cc-squad-item *ngFor="let squad of squads$ | async"
                  [squad]="squad"
                  (squadDelete)="deleteSquad(squad)"
                  (squadSelected)="selectSquad($event)"
                  [selected]="squad._id == selectedSquadId">
  </cc-squad-item>
</div>