From 694cb912e8af816111e1b8abf69b341999697f7d Mon Sep 17 00:00:00 2001
From: chsakell <chsakell@gmail.com>
Date: Tue, 6 Dec 2016 16:36:04 +0200
Subject: [PATCH] add feed indication

---
 Views/Home/Index.cshtml                      |  2 +-
 app/shared/directives/highlight.directive.ts | 14 +++++++++-----
 wwwroot/css/site.css                         |  4 ++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index 4eca3ec..1afbf78 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -33,7 +33,7 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="#">Live Feed</a>
+            <a class="navbar-brand" href="#"><span id="horn" class="glyphicon glyphicon-bullhorn"></span> Live Game Feed</a>
             </div>
             <div class="collapse navbar-collapse" id="myNavbar">
             <ul class="nav navbar-nav">
diff --git a/app/shared/directives/highlight.directive.ts b/app/shared/directives/highlight.directive.ts
index c3c4741..09a6867 100644
--- a/app/shared/directives/highlight.directive.ts
+++ b/app/shared/directives/highlight.directive.ts
@@ -6,11 +6,15 @@ import { Directive, ElementRef, HostListener, Input, Renderer } from '@angular/c
 export class HighlightDirective {
   constructor(private el: ElementRef, private renderer: Renderer) {
     let self = this;
-      self.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
-      setTimeout(function() {
-        self.renderer.setElementClass(self.el.nativeElement,'feed-highlight-light', true);
-      }, 1000);
-   }
+    self.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
+    let horn = document.getElementById('horn');
+    horn.className += ' orange';
+    setTimeout(function () {
+      self.renderer.setElementClass(self.el.nativeElement, 'feed-highlight-light', true);
+
+      document.getElementById("horn").className = document.getElementById("horn").className.replace(/(?:^|\s)orange(?!\S)/g, '')
+    }, 1000);
+  }
 
   private highlight(color: string) {
     this.renderer.setElementStyle(this.el.nativeElement, 'backgroundColor', color);
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index f09005d..e3ccb2a 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -79,4 +79,8 @@ footer {
     background-color: #222222;
     bottom: 0;
     width: 100%;
+}
+
+.orange {
+    color: #ff5525;
 }
\ No newline at end of file