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

<div class="select-list">
  <cc-list-filter
    [filterButtons]="[{label: fraction.ARF, value: 'ARF'},
                      {label: fraction.SWORD, value: 'SWORD'},
                      {label: fraction.BLUFOR, value: 'BLUFOR'},
                      {label: fraction.OPFOR, value: 'OPFOR'},
                      {label: 'decorations.list.filter.global', value: 'GLOBAL'}]"
    [addButton]="{svgIcon: 'add', tooltip: 'decorations.list.button.add'}"
    (executeSearch)="filterDecorations($event)"
    (openAddFrom)="openNewDecorationForm()">
  </cc-list-filter>

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

  <decoration-item *ngFor="let decoration of decorations$ | async"
                   [decoration]="decoration"
                   (decorationDelete)="deleteDecoration(decoration)"
                   (decorationSelected)="selectDecoration($event)"
                   [selected]="decoration._id == selectedDecorationId">
  </decoration-item>
</div>