From 3b4d98d524a0d253a03029a4fcd8487ce90934a0 Mon Sep 17 00:00:00 2001
From: Rafal Galka <rafal.galka@modernweb.pl>
Date: Tue, 19 Feb 2019 12:19:52 +0100
Subject: [PATCH] feat(header): use routerLink for brand instead of href
 attribute

---
 projects/coreui/angular/package.json                   |  1 +
 .../angular/src/lib/header/app-header.component.html   |  2 +-
 .../angular/src/lib/header/app-header.component.ts     | 10 +++++-----
 .../coreui/angular/src/lib/header/app-header.module.ts |  6 ++++--
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/projects/coreui/angular/package.json b/projects/coreui/angular/package.json
index bf1d02a9..badf782e 100644
--- a/projects/coreui/angular/package.json
+++ b/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": {
diff --git a/projects/coreui/angular/src/lib/header/app-header.component.html b/projects/coreui/angular/src/lib/header/app-header.component.html
index 08586268..5bc98305 100644
--- a/projects/coreui/angular/src/lib/header/app-header.component.html
+++ b/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"
diff --git a/projects/coreui/angular/src/lib/header/app-header.component.ts b/projects/coreui/angular/src/lib/header/app-header.component.ts
index 3ef17f4e..c3329644 100644
--- a/projects/coreui/angular/src/lib/header/app-header.component.ts
+++ b/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;
diff --git a/projects/coreui/angular/src/lib/header/app-header.module.ts b/projects/coreui/angular/src/lib/header/app-header.module.ts
index bf8dd69f..413c263f 100644
--- a/projects/coreui/angular/src/lib/header/app-header.module.ts
+++ b/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: [