Mercurial > hg > ugly-duckling
view src/app/analysis-item/analysis-item.component.ts @ 236:53ea6406d601
Generate new project with latest @angular/cli, including Angular 4.
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Tue, 25 Apr 2017 20:01:09 +0100 |
parents | 0249ee049353 |
children | 2d7da410ba46 |
line wrap: on
line source
/** * Created by lucast on 21/03/2017. */ import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core'; export interface AnalysisItem { rootAudioUri: string; hasSharedTimeline: boolean; isRoot: boolean; extractorKey: string; title?: string; description?: string; id?: string; progress?: number; } @Component({ selector: 'ugly-analysis-item', templateUrl: './analysis-item.component.html', styleUrls: ['./analysis-item.component.css'], changeDetection: ChangeDetectionStrategy.OnPush }) export class AnalysisItemComponent implements OnInit { @Input() timeline: Timeline; @Input() isActive: boolean; @Input() item: AnalysisItem; private hasProgressOnInit = false; ngOnInit(): void { this.hasProgressOnInit = this.item.progress != null; } isLoading(): boolean { return this.hasProgressOnInit && this.item.progress < 100; } }