-
Notifications
You must be signed in to change notification settings - Fork 98
/
wizard.component.html
35 lines (33 loc) · 1.25 KB
/
wizard.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<aw-wizard-navigation-bar
[direction]="navBarDirection"
*ngIf="navBarLocation == 'top' || navBarLocation == 'left'"
[ngClass]="{
'vertical': navBarLocation == 'left',
'horizontal': navBarLocation == 'top',
'small': navBarLayout == 'small',
'large-filled': navBarLayout == 'large-filled',
'large-filled-symbols': navBarLayout == 'large-filled-symbols',
'large-empty': navBarLayout == 'large-empty',
'large-empty-symbols': navBarLayout == 'large-empty-symbols'
}">
</aw-wizard-navigation-bar>
<div [ngClass]="{
'wizard-steps': true,
'vertical': navBarLocation == 'left' || navBarLocation == 'right',
'horizontal': navBarLocation == 'top' || navBarLocation == 'bottom'
}">
<ng-content></ng-content>
</div>
<aw-wizard-navigation-bar
[direction]="navBarDirection"
*ngIf="navBarLocation == 'bottom' || navBarLocation == 'right'"
[ngClass]="{
'vertical': navBarLocation == 'right',
'horizontal': navBarLocation == 'bottom',
'small': navBarLayout == 'small',
'large-filled': navBarLayout == 'large-filled',
'large-filled-symbols': navBarLayout == 'large-filled-symbols',
'large-empty': navBarLayout == 'large-empty',
'large-empty-symbols': navBarLayout == 'large-empty-symbols'
}">
</aw-wizard-navigation-bar>