my-test123/app/components_ngrx/work-item-cell/work-item-cell.component.html

A planner front-end for Fabric8.

<!-- id -->

<span *ngIf="col === 'id'" class="margin-0">
  {{row.number}}
</span>

<!-- Type -->

<div *ngIf="col === 'type'">
  <span class="color-grey margin-right-3 type-icon
    {{row.type?.icon}}"
    title="{{row.type?.name}}">

  </span>
  <span>{{row.type?.name}}</span>
</div>

<!-- Title -->
<div class="width-100"
  *ngIf="col === 'title'">
  <div class="wi-detail-title">
    <p class="truncate pointer"
        [class.bold]="row.bold"
        (click)="onPreview($event, row['id'])"> {{row.title}} </p>
  </div>
  <div class="dib text-right wi-detail-icon">
    <a class="fa fa-list-alt padding-v-5 pointer"
    [routerLink]="['detail', row.number]"></a>
  </div>
</div>
<!-- Status -->

<div *ngIf="col === 'state'">
  <span class="padding-right-5 padding-top-4" almIcon [iconType]="row.state">
  </span>
  <span>
    {{row.state}}
  </span>
</div>

<!-- Label -->

<div *ngIf="col === 'label'">
  <f8-label
      [labels]="row?.labels ? row?.labels : []"
      [truncateAfter]='4'
      [allowDelete]="false"
      (onLabelClick)="labelClick($event)"></f8-label>
</div>

<!-- Iteration -->
  <span id="table-iteration" *ngIf="col === 'iteration'">
    {{row.iteration?.parentPath === '/' ? 'NA' : row.iteration?.name}}
  </span>

<!-- Creator -->

<div *ngIf="col === 'creator'" class="user-avatar">
  <img placement="left"
        tooltip="{{row.creator?.name}}"
        src="{{row.creator?.avatar + '&s=23'}}"
        onError="this.src='https://avatars0.githubusercontent.com/u/563119?v=3&s=23'" />
</div>

<!-- Assignee -->
<div *ngIf="col === 'assignees'" >
  <f8-assignee
    [showFullName]="false"
    [truncateAfter]="3"
    [assignees]="row.assignees ? row.assignees : []"
  ></f8-assignee>
</div>