github/aspnet-core-signalr-angular
1
1
Fork 0
mirror of https://github.com/chsakell/aspnet-core-signalr-angular.git synced 2025-12-22 17:27:48 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

add feed indication

Browse Source
This commit is contained in:
chsakell
2016-12-06 16:36:04 +02:00
parent b947ed635f
commit 694cb912e8
3 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Views/Home/Index.cshtml
View File

@@ -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">

4
app/shared/directives/highlight.directive.ts
View File

@@ -7,8 +7,12 @@ export class HighlightDirective {
constructor(private el: ElementRef, private renderer: Renderer) {
let self = this;
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);
}

4
wwwroot/css/site.css
View File

@@ -80,3 +80,7 @@ footer {
bottom: 0;
width: 100%;
}
.orange {
color: #ff5525;
}