Mercurial > hg > ugly-duckling
comparison src/app/feature-extraction-menu/feature-extraction-menu.component.html @ 505:cf4a17efb5d4
Update angular deps, fix material api changes. (currently running an earlier TypeScript version due to restrictions from angular)
author | Lucas Thompson <dev@lucas.im> |
---|---|
date | Thu, 12 Oct 2017 13:12:33 +0100 |
parents | 55e17af8a0ee |
children |
comparison
equal
deleted
inserted
replaced
504:3987d1d68496 | 505:cf4a17efb5d4 |
---|---|
1 <div class="container"> | 1 <div class="container"> |
2 <md-list dense> | 2 <mat-list dense> |
3 <ng-container | 3 <ng-container |
4 *ngFor="let extractor of extractors" | 4 *ngFor="let extractor of extractors" |
5 > | 5 > |
6 <h3 md-subheader>{{extractor.name}}</h3> | 6 <h3 mat-subheader>{{extractor.name}}</h3> |
7 <md-list-item | 7 <mat-list-item |
8 *ngFor="let output of extractor.outputs" | 8 *ngFor="let output of extractor.outputs" |
9 (click)="extract(output)"> | 9 (click)="extract(output)"> |
10 <md-icon md-list-icon>{{getFeatureIconName(output)}}</md-icon> | 10 <mat-icon mat-list-icon>{{getFeatureIconName(output)}}</mat-icon> |
11 <h4 md-line>{{output.name}}</h4> | 11 <h4 mat-line>{{output.name}}</h4> |
12 <p md-line>{{output.combinedKey}}</p> | 12 <p mat-line>{{output.combinedKey}}</p> |
13 <button md-icon-button | 13 <button mat-icon-button |
14 (click)="extract(output); $event.stopPropagation()" | 14 (click)="extract(output); $event.stopPropagation()" |
15 [disabled]="disabled"> | 15 [disabled]="disabled"> |
16 <md-icon>add</md-icon> | 16 <mat-icon>add</mat-icon> |
17 </button> | 17 </button> |
18 </md-list-item> | 18 </mat-list-item> |
19 <md-divider></md-divider> | 19 <mat-divider></mat-divider> |
20 </ng-container> | 20 </ng-container> |
21 </md-list> | 21 </mat-list> |
22 <md-spinner *ngIf="isLoading"></md-spinner> | 22 <mat-spinner |
23 *ngIf="isLoading" | |
24 [diameter]="25" | |
25 [strokeWidth]="2" | |
26 ></mat-spinner> | |
23 <button | 27 <button |
24 md-button | 28 mat-button |
25 (click)="load()" | 29 (click)="load()" |
26 [disabled]="isLoading" | 30 [disabled]="isLoading" |
27 >Load more</button> | 31 >Load more</button> |
28 </div> | 32 </div> |