Mercurial > hg > ugly-duckling
annotate src/app/analysis-item/analysis-item.component.html @ 373:2df7b3722eb9
Remove unnecessary style template
| author | Lucas Thompson <dev@lucas.im> |
|---|---|
| date | Wed, 31 May 2017 02:44:14 +0100 |
| parents | bc2680f0736b |
| children | 35234006c3c3 |
| rev | line source |
|---|---|
| dev@170 | 1 <md-card> |
| dev@170 | 2 <md-card-header> |
| dev@231 | 3 <md-card-title>{{item.title}}</md-card-title> |
| dev@231 | 4 <md-card-subtitle>{{item.description}}</md-card-subtitle> |
| dev@170 | 5 </md-card-header> |
| dev@170 | 6 <md-card-content> |
| dev@236 | 7 <ng-template [ngIf]="isLoading()"> |
| dev@231 | 8 <ugly-progress-bar |
| dev@224 | 9 [isDeterminate]="true" |
| dev@231 | 10 [progress]="item.progress" |
| dev@231 | 11 ></ugly-progress-bar> |
| dev@236 | 12 </ng-template> |
| dev@348 | 13 <div class="content"> |
| dev@348 | 14 <ng-template [ngIf]="!isLoading()"> |
| dev@348 | 15 <ng-template [ngIf]="isActive && isAudioItem()"> |
| dev@348 | 16 <ugly-live-play-head |
| dev@348 | 17 [timeToPixel]="DOES_NOT_BELONG_HERE" |
| dev@348 | 18 [colour]="'#c33c54'" |
| dev@348 | 19 > |
| dev@348 | 20 </ugly-live-play-head> |
| dev@348 | 21 </ng-template> |
| dev@363 | 22 <ugly-waveform *ngIf="isAudioItem(); else notAudio" |
| dev@348 | 23 [timeline]="timeline" |
| dev@358 | 24 [trackIdPrefix]=" item.id" |
| dev@348 | 25 [width]="contentWidth" |
| dev@348 | 26 [audioBuffer]="item.audioData" |
| dev@348 | 27 [onSeek]="onSeek" |
| dev@348 | 28 ></ugly-waveform> |
| dev@363 | 29 |
| dev@363 | 30 <ng-template #notAudio> |
| dev@365 | 31 <div class="content" |
| dev@363 | 32 *ngIf="getFeatureShape() as shape; else showSpinner"> |
| dev@365 | 33 <div [ngSwitch]="shape" class="content"> |
| dev@365 | 34 <ugly-curve |
| dev@365 | 35 *ngSwitchCase="'vector'" |
| dev@365 | 36 [timeline]="timeline" |
| dev@372 | 37 [id]="item.id" |
| dev@365 | 38 [width]="contentWidth" |
| dev@365 | 39 [onSeek]="onSeek" |
| dev@372 | 40 [curve]="item.collected" |
| dev@370 | 41 ></ugly-curve> |
| dev@372 | 42 <ugly-tracks |
| dev@370 | 43 *ngSwitchCase="'tracks'" |
| dev@370 | 44 [timeline]="timeline" |
| dev@370 | 45 [trackIdPrefix]="item.id" |
| dev@370 | 46 [width]="contentWidth" |
| dev@370 | 47 [onSeek]="onSeek" |
| dev@372 | 48 [tracks]="item.collected" |
| dev@372 | 49 ></ugly-tracks> |
| dev@370 | 50 |
| dev@363 | 51 <div *ngSwitchDefault>Feature cannot be visualised.</div> |
| dev@363 | 52 </div> |
| dev@363 | 53 </div> |
| dev@363 | 54 <ng-template #showSpinner> |
| dev@363 | 55 <ugly-progress-spinner></ugly-progress-spinner> |
| dev@363 | 56 </ng-template> |
| dev@348 | 57 </ng-template> |
| dev@363 | 58 |
| dev@348 | 59 </ng-template> |
| dev@348 | 60 </div> |
| dev@170 | 61 </md-card-content> |
| dev@170 | 62 </md-card> |