small refactoring

Author: FabianGosebrink

README.md

@@ -1,6 +1,6 @@
 # Angular 2, ASP.NET Core Template With SignalR 3
 
-## In this repo we will try a first look at SignalR 3, ASP.NET CORE and Angular 2
+## In this repo we will try a first look at SignalR 3, ASP.NET Core and Angular 2
 
 Just clone this repo and run <pre>npm install</pre>
 After this you can type <pre>dnx web</pre> to start the ASP.NET Server

src/AspNetCoreAngular2/wwwroot/app/about/about.component.ts

@@ -1,17 +1,11 @@
-import {Component, OnInit} from 'angular2/core';
+import {Component} from 'angular2/core';
 
 @Component({
     selector: 'about',
-    templateUrl: 'app/about/about.component.html'
+    templateUrl: 'app/about/about.component.html',
 })
 
-export class AboutComponent implements OnInit {
+export class AboutComponent {
 
-    public message: string;
 
-    constructor() { }
-
-    ngOnInit() {
-        //... 
-    }
 }

src/AspNetCoreAngular2/wwwroot/app/app.component.html

@@ -7,7 +7,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
         </button>
-        <a class="navbar-brand" href="index.html">Angular2 Demo by Offering.Solutions &copy; 2016</a>
+        <a class="navbar-brand" href="/">Angular2 Demo by Offering.Solutions &copy; 2016</a>
     </div>
     <!-- /.navbar-header -->
 

src/AspNetCoreAngular2/wwwroot/app/app.component.ts

@@ -1,5 +1,5 @@
 import {Component} from 'angular2/core';
-import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from 'angular2/router';
+import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
 import {DashboardComponent} from './dashboard/dashboard.component';
 import {AboutComponent} from './about/about.component';
 

src/AspNetCoreAngular2/wwwroot/app/chat/chatcomponent.ts

@@ -6,7 +6,7 @@ import { ChatMessage } from '../models/ChatMessage';
 @Component({
     selector: 'chat-component',
     templateUrl: 'app/chat/chat.component.html',
-    directives: [CORE_DIRECTIVES]
+    directives: [CORE_DIRECTIVES],
 })
 
 
@@ -24,8 +24,10 @@ export class ChatComponent {
     }
 
     public sendMessage() {
-        this.currentMessage.Sent = new Date();
-        this._signalRService.sendChatMessage(this.currentMessage);
+        if (this.canSendMessage) {
+            this.currentMessage.Sent = new Date();
+            this._signalRService.sendChatMessage(this.currentMessage);
+        }
     }
 
     private subscribeToEvents(): void {
@@ -34,7 +36,7 @@ export class ChatComponent {
         });
 
         this._signalRService.messageReceived.subscribe((message: ChatMessage) => {
-            this.currentMessage = new ChatMessage("", null);
+            this.currentMessage = new ChatMessage('', null);
             this.allMessages.push(new ChatMessage(message.Message, message.Sent.toString()));
         });
     }

src/AspNetCoreAngular2/wwwroot/app/food/foodcomponent.ts

@@ -22,7 +22,6 @@ export class FoodComponent implements OnInit {
     }
 
     public ngOnInit() {
-        this.getAllFood();
         this.subscribeToEvents();
     }
 
@@ -56,7 +55,7 @@ export class FoodComponent implements OnInit {
                 }, error => {
                     console.log(error);
                 }, () => {
-                    console.log("Deleted complete");
+                    console.log('Deleted complete');
                 });
     }
 
@@ -75,6 +74,7 @@ export class FoodComponent implements OnInit {
     private subscribeToEvents():void{
         this._signalRService.connectionEstablished.subscribe(() => {
             this.canAddFood = true;
+            this.getAllFood();
         });
 
         this._signalRService.foodchanged.subscribe(() => {