dev@170: <md-card>
dev@170:   <md-card-header>
dev@231:     <md-card-title>{{item.title}}</md-card-title>
dev@231:     <md-card-subtitle>{{item.description}}</md-card-subtitle>
dev@170:   </md-card-header>
dev@170:   <md-card-content>
dev@236:     <ng-template [ngIf]="isLoading()">
dev@231:       <ugly-progress-bar
dev@224:         [isDeterminate]="true"
dev@231:         [progress]="item.progress"
dev@231:       ></ugly-progress-bar>
dev@236:     </ng-template>
dev@236:     <ng-template [ngIf]="!isLoading()">
dev@236:       <ugly-waveform
dev@224:         [timeline]="timeline"
dev@231:         [trackIdPrefix]=" item.id || item.title"
dev@231:         [isSubscribedToAudioService]="isActive && item.isRoot"
dev@231:         [isSubscribedToExtractionService]="isActive && !item.isRoot"
dev@224:         [isOneShotExtractor]="true"
dev@224:         [isSeeking]="isActive"
dev@236:       ></ugly-waveform>
dev@236:     </ng-template>
dev@170:   </md-card-content>
dev@170: </md-card>