move feed service from match component

app/shared/components/match.component.html

@@ -19,10 +19,10 @@
                 <span class="label label-success">{{match.Type}}</span>
             </td>
             <td>
-                <button type="button" class="btn btn-default btn-md" (click)="subscribe()" *ngIf="!subscribed">
+                <button type="button" class="btn btn-default btn-md" (click)="setSubscription(true)" *ngIf="!subscribed">
                             Subscribe to feed
                         </button>
-                <button type="button" class="btn btn-danger btn-md" (click)="unsubscribe()" *ngIf="subscribed">
+                <button type="button" class="btn btn-danger btn-md" (click)="unsubscribe(false)" *ngIf="subscribed">
                             Unubscribe
                         </button>
             </td>

app/shared/components/match.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 
 import { ChatMessage, Match } from '../interfaces';
 import { FeedService } from '../services/feed.service';
@@ -11,32 +11,43 @@ import { DataService } from '../services/data.service';
 export class MatchComponent implements OnInit {
 
     @Input() match: Match;
+    @Output() updateSubscription = new EventEmitter();
     subscribed: boolean;
     chatMessage: string = '';
 
-    constructor(private feedService: FeedService,
-                private dataService: DataService) { }
+    constructor(private dataService: DataService) { }
 
-    ngOnInit() {  }
+    ngOnInit() { }
 
     subscribe() {
         console.log(this.match.Id);
         this.subscribed = true;
-        this.feedService.subscribeToFeed(this.match.Id);
+        //this.feedService.subscribeToFeed(this.match.Id);
     }
 
     unsubscribe() {
         this.subscribed = false;
-        this.feedService.unsubscribeToFeed(this.match.Id);
+        //this.feedService.unsubscribeToFeed(this.match.Id);
+    }
+
+    setSubscription(val: boolean) {
+        this.subscribed = val;
+        let subscription =
+            {
+                subscribe: val,
+                matchId: this.match.Id
+            }
+
+        this.updateSubscription.emit(subscription);
     }
 
     addChatMessage() {
         let self = this;
-        let messageToSend: ChatMessage = { 
-            MatchId : self.match.Id, 
-            Text : self.chatMessage,
-            CreatedAt : new Date(Date.now())
-         };
+        let messageToSend: ChatMessage = {
+            MatchId: self.match.Id,
+            Text: self.chatMessage,
+            CreatedAt: new Date(Date.now())
+        };
 
         this.dataService.addChatMessage(messageToSend)
             .subscribe(() => {

app/shared/services/feed.service.ts

@@ -131,7 +131,7 @@ export class FeedService {
         this.server.subscribe(matchId);
     }
 
-    public unsubscribeToFeed(matchId: number) {
+    public unsubscribeFromFeed(matchId: number) {
         this.server.unsubscribe(matchId);
     }
 }