From 5666e1c29d407831dd5c1c763a8562dadc7bbbdd Mon Sep 17 00:00:00 2001
From: Nils Dittberner <nils.dittberner@pta.de>
Date: Wed, 22 Nov 2017 13:27:20 +0100
Subject: [PATCH] 12-146 Resolve reloading with new navigation links

---
 src/app/header/header.component.html                           | 10 +++++-----
 src/app/header/header.component.ts                             |  7 +------
 src/app/recipes/recipe-detail/recipe-detail.component.html     |  4 ++--
 .../recipes/recipe-list/recipe-item/recipe-item.component.html |  2 +-
 4 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index 0a90ae9..c10ae21 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -6,15 +6,15 @@
 
         <div class="navbar-default">
             <ul class="nav navbar-nav">
-                <li><a href="#" (click)="onSelect('recipe')">Recipes</a></li>
-                <li><a href="#" (click)="onSelect('shopping-list')">Shopping List</a></li>
+                <li routerLinkActive="active"><a routerLink="/recipes">Recipes</a></li>
+                <li routerLinkActive="active"><a routerLink="/shopping-list">Shopping List</a></li>
             </ul>
             <ul class="nav navbar-nav navbar-right">
                 <li class="dropdown" appDropdown>
-                    <a href="#" class="dropdown-toggle" role="button">Manage <span class="caret"></span></a>
+                    <a style="cursor: pointer;" class="dropdown-toggle" role="button">Manage <span class="caret"></span></a>
                     <ul class="dropdown-menu">
-                        <li><a href="#">Save</a></li>
-                        <li><a href="#">Fetch</a></li>
+                        <li><a style="cursor: pointer;">Save</a></li>
+                        <li><a style="cursor: pointer;">Fetch</a></li>
                     </ul>
                 </li>
             </ul>
diff --git a/src/app/header/header.component.ts b/src/app/header/header.component.ts
index 81f68ee..1d236bb 100644
--- a/src/app/header/header.component.ts
+++ b/src/app/header/header.component.ts
@@ -1,13 +1,8 @@
-import { Component, EventEmitter, Output } from "@angular/core";
+import { Component } from "@angular/core";
 
 @Component({
     selector: 'app-header',
     templateUrl: './header.component.html'
 })
 export class HeaderComponent {
-    @Output() featureSelected = new EventEmitter<string>();
-
-    onSelect(feature: string) {
-        this.featureSelected.emit(feature);
-    }
 }
\ No newline at end of file
diff --git a/src/app/recipes/recipe-detail/recipe-detail.component.html b/src/app/recipes/recipe-detail/recipe-detail.component.html
index 6ab91bb..3210f82 100644
--- a/src/app/recipes/recipe-detail/recipe-detail.component.html
+++ b/src/app/recipes/recipe-detail/recipe-detail.component.html
@@ -18,8 +18,8 @@
       </button>
       <ul class="dropdown-menu">
         <li><a (click)="onAddToShoppingList()" style="cursor: pointer;">Add Ingredients</a></li>
-        <li><a href="#">Edit Recipe</a></li>
-        <li><a href="#">Delete Recipe</a></li>
+        <li><a style="cursor: pointer;">Edit Recipe</a></li>
+        <li><a style="cursor: pointer;">Delete Recipe</a></li>
       </ul>
     </div>
   </div>
diff --git a/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html b/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
index d73c650..551163a 100644
--- a/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
+++ b/src/app/recipes/recipe-list/recipe-item/recipe-item.component.html
@@ -1,5 +1,5 @@
 <a 
-    href="#" 
+    style="cursor: pointer;"
     class="list-group-item clearfix"
     (click)="onSelected()">
     <div class="pull-left">