File tree 2 files changed +11
-34
lines changed
2 files changed +11
-34
lines changed Original file line number Diff line number Diff line change 3
3
[ngSwitch] ="state ">
4
4
5
5
< div class ="mat-step-icon-content ">
6
- < ng-container *ngSwitchCase ="'number' " [ngSwitch] ="!!(iconOverrides && iconOverrides.number) ">
7
- < ng-container
8
- *ngSwitchCase ="true "
9
- [ngTemplateOutlet] ="iconOverrides.number "
10
- [ngTemplateOutletContext] ="_getIconContext() "> </ ng-container >
11
- < span *ngSwitchDefault > {{index + 1}}</ span >
12
- </ ng-container >
13
-
14
- < ng-container *ngSwitchCase ="'edit' " [ngSwitch] ="!!(iconOverrides && iconOverrides.edit) ">
15
- < ng-container
16
- *ngSwitchCase ="true "
17
- [ngTemplateOutlet] ="iconOverrides.edit "
18
- [ngTemplateOutletContext] ="_getIconContext() "> </ ng-container >
19
- < mat-icon *ngSwitchDefault > create</ mat-icon >
20
- </ ng-container >
21
-
22
- < ng-container *ngSwitchCase ="'done' " [ngSwitch] ="!!(iconOverrides && iconOverrides.done) ">
23
- < ng-container
24
- *ngSwitchCase ="true "
25
- [ngTemplateOutlet] ="iconOverrides.done "
26
- [ngTemplateOutletContext] ="_getIconContext() "> </ ng-container >
27
- < mat-icon *ngSwitchDefault > done</ mat-icon >
28
- </ ng-container >
29
-
30
- < ng-container *ngSwitchCase ="'error' " [ngSwitch] ="!!(iconOverrides && iconOverrides.error) ">
31
- < ng-container
32
- *ngSwitchCase ="true "
33
- [ngTemplateOutlet] ="iconOverrides.error "
34
- [ngTemplateOutletContext] ="_getIconContext() "> </ ng-container >
35
- < mat-icon *ngSwitchDefault > warning</ mat-icon >
36
- </ ng-container >
37
-
38
- <!-- Custom state. -->
39
6
< ng-container *ngSwitchDefault [ngSwitch] ="!!(iconOverrides && iconOverrides[state]) ">
40
7
< ng-container
41
8
*ngSwitchCase ="true "
42
9
[ngTemplateOutlet] ="iconOverrides[state] "
43
10
[ngTemplateOutletContext] ="_getIconContext() "> </ ng-container >
44
- < mat-icon *ngSwitchDefault > {{state}}</ mat-icon >
11
+ < mat-icon *ngSwitchDefault > {{_getDefaultIconForState( state) }}</ mat-icon >
45
12
</ ng-container >
46
13
</ div >
47
14
</ div >
Original file line number Diff line number Diff line change @@ -101,4 +101,14 @@ export class MatStepHeader extends CdkStepHeader implements OnDestroy {
101
101
optional : this . optional
102
102
} ;
103
103
}
104
+
105
+ _getDefaultIconForState ( state : string ) : string {
106
+ if ( state == 'number' ) {
107
+ return `${ this . index + 1 } ` ;
108
+ }
109
+ return ( {
110
+ 'edit' : 'create' ,
111
+ 'error' : 'warning' ,
112
+ } as { [ key : string ] : string } ) [ state ] || state ;
113
+ }
104
114
}
You can’t perform that action at this time.
0 commit comments