annotate src/app/analysis-item/analysis-item.component.html @ 285:2d7da410ba46

Introduce width Inputs to analysis items and waveform and observe for Dimension changes in notebook-feed.

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