feat(header): use routerLink for brand instead of href attribute

Author: Hagith

projects/coreui/angular/package.json

@@ -19,6 +19,7 @@
   "peerDependencies": {
     "@angular/common": "^7.2.5",
     "@angular/core": "^7.2.5",
+    "@angular/router": "^7.2.5",
     "@coreui/coreui": "^2.1.6"
   },
   "repository": {

projects/coreui/angular/src/lib/header/app-header.component.html

@@ -3,7 +3,7 @@
     <span class="navbar-toggler-icon"></span>
   </button>
 </ng-template>
-<a class="navbar-brand" [href]="navbarBrandHref">
+<a class="navbar-brand" [routerLink]="navbarBrandRouterLink">
   <ng-template [ngIf]="navbarBrandImg">
     <img *ngIf="navbarBrand"
          [appHtmlAttr]="navbarBrand"

projects/coreui/angular/src/lib/header/app-header.component.ts

@@ -13,13 +13,13 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
   @Input() navbarBrandFull: any;
   @Input() navbarBrandMinimized: any;
   @Input() navbarBrandText: any = {icon: '🅲', text: '🅲 CoreUI'};
-  @Input() navbarBrandHref: any = '';
+  @Input() navbarBrandRouterLink: any[] | string = '';
 
-  @Input() sidebarToggler: any;
-  @Input() mobileSidebarToggler: any;
+  @Input() sidebarToggler: string | boolean;
+  @Input() mobileSidebarToggler: boolean;
 
-  @Input() asideMenuToggler: any;
-  @Input() mobileAsideMenuToggler: any;
+  @Input() asideMenuToggler: string | boolean;
+  @Input() mobileAsideMenuToggler: boolean;
 
   private readonly fixedClass = 'header-fixed';
   navbarBrandImg: boolean;

projects/coreui/angular/src/lib/header/app-header.module.ts

@@ -1,12 +1,14 @@
-import { CommonModule} from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
 
-import { LayoutModule } from '../shared/layout/layout.module';
+import { LayoutModule } from '../shared/layout';
 import { AppHeaderComponent } from './app-header.component';
 
 @NgModule({
   imports: [
     CommonModule,
+    RouterModule,
     LayoutModule
   ],
   exports: [