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>