annotate src/app/analysis-item/analysis-item.component.html @ 354:a9ce5516c17d

Introduce an abstract base class for components using waves-ui.

<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>
    <div class="content">
      <ng-template [ngIf]="!isLoading()">
        <ng-template [ngIf]="isActive && isAudioItem()">
          <ugly-live-play-head
            [timeToPixel]="DOES_NOT_BELONG_HERE"
            [colour]="'#c33c54'"
          >
          </ugly-live-play-head>
        </ng-template>
        <ugly-waveform *ngIf="isAudioItem(); else showSpinner"
          [timeline]="timeline"
          [trackIdPrefix]=" item.id || item.title"
          [width]="contentWidth"
          [audioBuffer]="item.audioData"
          [onSeek]="onSeek"
        ></ugly-waveform>
        <ng-template #showSpinner>
          <ugly-progress-spinner></ugly-progress-spinner>
        </ng-template>
      </ng-template>
    </div>
  </md-card-content>
</md-card>