my-test123/app/components/group-types-panel/group-types-panel.component.html

A planner front-end for Fabric8.

<div class="f8-group-filter" *ngFor="let item of groupTypes">
  <a
    class="f8-group-filter__type"
    id="{{item.group}}"
    [routerLink]="[]"
    [queryParams]="{q: fnBuildQueryParam(item)}"
    [routerLinkActive]="'selected'"
    (click)="setGuidedTypeWI(item);"
    *ngIf="item.attributes['show-in-sidebar']">
      <span class="dib margin-right-10 {{ item.attributes.icon }}"
        tooltip="{{sidePanelOpen ? '' : item.attributes.name }}"
        placement="right"></span>
      <span
        [class.dib]="sidePanelOpen"
        [class.hide]="!sidePanelOpen">
      {{ item.attributes.name }}</span>
  </a>
  <!--If group is  show a header and then embed the iteration component -->
  <div *ngIf="item.attributes.bucket == 'iteration'">
    <fab-planner-iteration
      class="fab-planner-iteration"
      [takeFromInput]="true"
      [collection]="item.relationships.typeList.data"
      [iterations]="iterations"
      [witGroup]="item.attributes.name"
      [sidePanelOpen]="sidePanelOpen">
    </fab-planner-iteration>
  </div>
</div>