fabric8-planner/app/components_ngrx/common-selector/common-selector.component.html

A planner front-end for Fabric8.

<f8-select-dropdown
  #dropdown
  *ngIf="backup.length"
  [toggleButtonRef]="toggleButtonRef"
  [dropdownItem]="dropdownItem"
  [headerText]="headerText"
  [menuItems]="menuItems"
  [showSearch]="backup.length > 5"
  [disabled]="!allowUpdate"
  (onSelect)="onSelect($event)"
  (onSearch)="onSearch($event)"
  (onOpen)="onOpen($event)"
  (onClose)="onClose($event)">
  <ng-template #toggleButtonRef>
    <span
      [class.toggle]="allowUpdate"
      [class.active]="isOpen"
      [class.disable]="!allowUpdate">
      <span
        class="dropdown-toggle"
        *ngFor="let item of _selectedItemsBackup">
        <i *ngIf="item?.icon"
          [ngClass]="['margin-right-10', item.icon]"></i>
        {{ item.value | truncate: toggleTruncate }}
      </span>
      <span
        class="dropdown-toggle"
        *ngIf="!_selectedItemsBackup.length">
        {{ noValueLabel }}
      </span>
      <span
        [class.fa-angle-up]="isOpen"
        [class.fa-angle-down]="!isOpen"
        class="fa"></span>
    </span>
  </ng-template>
  <ng-template #dropdownItem let-value="value" let-description="description" let-icon="icon">
    <i *ngIf="icon" [ngClass]="['margin-right-10', icon]"></i>
    <span class="item-value" [innerHTML]="value | truncate: itemTruncate | almSearchHighlight: searchValue">
    </span>
    <span class="item-desc margin-left-10">{{ description }}</span>
  </ng-template>
</f8-select-dropdown>