@@ -10,8 +10,8 @@ import { Replace } from './../shared';
10
10
<span class="navbar-toggler-icon"></span>
11
11
</button>
12
12
</ng-template>
13
- <ng-template [ngIf ]="navbarBrand || navbarBrandFull || navbarBrandMinimized ">
14
- <a href="# ">
13
+ <a [href ]="navbarBrandHref ">
14
+ <ng-template [ngIf]="navbarBrandImg ">
15
15
<img *ngIf="navbarBrand"
16
16
[src]="imgSrc(navbarBrand)"
17
17
[attr.width]="imgWidth(navbarBrand)"
@@ -30,8 +30,12 @@ import { Replace } from './../shared';
30
30
[attr.height]="imgHeight(navbarBrandMinimized)"
31
31
[attr.alt]="imgAlt(navbarBrandMinimized)"
32
32
class="navbar-brand-minimized">
33
+ </ng-template>
34
+ <ng-template [ngIf]="!navbarBrandImg">
35
+ <div class="navbar-brand-full" [innerHTML]="navbarBrandText.text"></div>
36
+ <div class="navbar-brand-minimized" [innerHTML]="navbarBrandText.icon"></div>
37
+ </ng-template>
33
38
</a>
34
- </ng-template>
35
39
<ng-template [ngIf]="sidebarToggler != false">
36
40
<button class="navbar-toggler d-md-down-none" type="button" [appSidebarToggler]="sidebarToggler">
37
41
<span class="navbar-toggler-icon"></span>
@@ -58,18 +62,23 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
58
62
@Input ( ) navbarBrand :any ;
59
63
@Input ( ) navbarBrandFull :any ;
60
64
@Input ( ) navbarBrandMinimized :any ;
65
+ @Input ( ) navbarBrandText :any = { icon :'🅲' , text :'🅲 CoreUI' } ;
66
+ @Input ( ) navbarBrandHref :any = '' ;
61
67
62
68
@Input ( ) sidebarToggler :any ;
63
69
@Input ( ) mobileSidebarToggler :any ;
64
70
65
71
@Input ( ) asideMenuToggler :any ;
66
72
@Input ( ) mobileAsideMenuToggler :any ;
67
73
74
+ navbarBrandImg :boolean ;
75
+
68
76
constructor ( private el :ElementRef ) { }
69
77
70
78
ngOnInit ( ) :void {
71
79
Replace ( this . el ) ;
72
80
this . isFixed ( this . fixed ) ;
81
+ this . navbarBrandImg = Boolean ( this . navbarBrand || this . navbarBrandFull || this . navbarBrandMinimized ) ;
73
82
}
74
83
75
84
ngOnDestroy ( ) :void {