<cdk-virtual-scroll-viewport #virtualScroll *ngIf="logLines" itemSize="20" class="virtual-viewport">
  <p *cdkVirtualFor="let line of logLines; let index=index;" class="log-line">
    <span *ngIf="getLine(index).date" class="log-line-date">{{getLine(index).date}}&nbsp;</span>
    <ng-container *ngIf="getLine(index).level">
      <span *ngIf="getLine(index).level === 'ERROR'" class="fl-red-color">{{getLine(index).level}}&nbsp;</span>
      <span *ngIf="getLine(index).level === 'FLEIO_ACTIVITY'"
            class="fl-green-color">{{getLine(index).level}}&nbsp;</span>
      <span *ngIf="!['ERROR', 'FLEIO_ACTIVITY'].includes(getLine(index).level)">{{getLine(index).level}}&nbsp;</span>
    </ng-container>
    <span>{{getLine(index).message}}</span>
  </p>
</cdk-virtual-scroll-viewport>
