SignalR server side ipmlemented (TrilonIO#52)

Closes TrilonIO#39 

* Remove Websocket so that it can be replaced with SignalR

* Adding signalR package and remove websocket

* - Add package for SignalR and remove package for websocket
- Configure SignalR in Startup.cs
- Remove unused packages

* SignalR hub added

* - Readme added for adding a route
- Added 404 page
- Update readme file
- Add un-necessery files to ignore list

* SignalR UI added

* Fabicon Updated to make it showing Angular2 Fabicon

* SignalR library added

Author: AbrarJahin

Angular2Spa.xproj

@@ -12,9 +12,22 @@
     <BaseIntermediateOutputPath Condition="'$(BaseIntermediateOutputPath)'=='' ">.\obj</BaseIntermediateOutputPath>
     <OutputPath Condition="'$(OutputPath)'=='' ">.\bin\</OutputPath>
     <TargetFrameworkVersion>v4.5.2</TargetFrameworkVersion>
-  </PropertyGroup> 
+  </PropertyGroup>
   <PropertyGroup>
     <SchemaVersion>2.0</SchemaVersion>
   </PropertyGroup>
+  <ItemGroup>
+    <DnxInvisibleFolder Include=".awcache\" />
+    <DnxInvisibleFolder Include=".git\" />
+    <DnxInvisibleFolder Include=".vscode\" />
+    <DnxInvisibleFolder Include=".vs\" />
+    <DnxInvisibleFolder Include="docs\" />
+  </ItemGroup>
+  <ItemGroup>
+    <DnxInvisibleContent Include="CHANGELOG.md" />
+    <DnxInvisibleContent Include="Dockerfile" />
+    <DnxInvisibleContent Include="LICENSE.md" />
+    <DnxInvisibleContent Include="README.md" />
+  </ItemGroup>
   <Import Project="$(VSToolsPath)\DotNet.Web\Microsoft.DotNet.Web.targets" Condition="'$(VSToolsPath)' != ''" />
 </Project>

Client/app/app.routes.ts

@@ -1,12 +1,14 @@
-import { Route } from '@angular/router';
+import { Route } from '@angular/router';
 
 // Container (aka: "pages") imports
 import {
     HomeComponent,
     RestTestComponent,
     BootstrapComponent,
     LoginComponent,
-    ExamplesComponent
+    ExamplesComponent,
+    ChatComponent,
+    NotFoundComponent
 } from 'app-containers';
 
 export const ROUTES: Route[] = [
@@ -19,6 +21,8 @@ export const ROUTES: Route[] = [
     { path: 'rest-test', component: RestTestComponent, data: { title: 'WebAPI Examples'} },
     { path: 'login', component: LoginComponent, data: { title: 'Login'} },
     { path: 'examples', component: ExamplesComponent, data: { title: 'Platform Examples'} },
+    { path: 'chat', component: ChatComponent, data: { title: 'Chat' } },
+    { path: 'not-found', component: NotFoundComponent, data: { title: '404 - Not Found' } },
 
     {   // ** LAZY-LOADING EXAMPLE **
         // Notice we don't reference the file anywhere else, imports, declarations, anywhere
@@ -34,5 +38,5 @@ export const ROUTES: Route[] = [
      // loadChildren: '../containers/+faq/faq.module#FAQModule' },
 
     // All else fails - go home
-    { path: '**', redirectTo: 'home' }
+    { path: '**', redirectTo: 'not-found' }
 ];

Client/app/index.ts

@@ -20,5 +20,4 @@ export * from './state/app.reducer';
 export * from './state/app-state';
 export * from './state/hmr';
 
-export * from './shared-module/base.shared.module';
-
+export * from './shared-module/base.shared.module';

Client/app/platform-modules/app.browser.module.ts

@@ -52,6 +52,7 @@ export function getResponse() {
         // Other providers you want to add that you don't want shared in "Common" but are browser only
     ]
 })
+
 export class AppBrowserModule {
 
     constructor(public cache: CacheService) {

Client/app/platform-modules/app.common.module.ts

@@ -1,4 +1,3 @@
-
 /*
  * _Common_ NgModule to share between our "BASE" App.Browser & App.Server module platforms
  *
@@ -27,7 +26,9 @@ import {
     RestTestComponent,
     BootstrapComponent,
     LoginComponent,
-    ExamplesComponent
+    ExamplesComponent,
+    ChatComponent,
+    NotFoundComponent
 } from 'app-containers';
 
 // Provider (aka: "shared" | "services") imports
@@ -79,6 +80,8 @@ const COMPONENTS = [
     LoginComponent,
     BootstrapComponent,
     ExamplesComponent,
+    ChatComponent,
+    NotFoundComponent,
 
     // Directives
     RxContextDirective

Client/app/platform-modules/app.server.module.ts

@@ -45,6 +45,7 @@ export function getResponse() {
         // Other providers you want to add that you don't want shared in "Common" but are browser only
     ]
 })
+
 export class AppServerModule {
 
     constructor(public cache: CacheService) { }

Client/components/navmenu/navmenu.component.html

@@ -19,6 +19,16 @@
             <i class="fa fa-chrome" aria-hidden="true"></i> RestAPI Demo
         </a>
     </li>
+    <li [routerLinkActive]="['link-active']">
+        <a [routerLink]="['/chat']">
+            <i class="fa fa-comments-o" aria-hidden="true"></i> SignalR Chat
+        </a>
+    </li>
+    <li [routerLinkActive]="['link-active']">
+        <a [routerLink]="['/video-chat']">
+            <i class="fa fa-video-camera" aria-hidden="true"></i> WebRTC Video Chat
+        </a>
+    </li>
     <li [routerLinkActive]="['link-active']">
         <a [routerLink]="['/faq']">
             <i class="fa fa-question-circle" aria-hidden="true"></i> FAQ

Client/containers/chat/chat.component.html

@@ -0,0 +1 @@
+SignalR Chat example will go here

Client/containers/chat/chat.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit, Inject } from '@angular/core';
+
+
+@Component({
+    selector: 'app-chat',
+    templateUrl: './chat.component.html'
+})
+export class ChatComponent implements OnInit
+{
+    // Use "constructor"s only for dependency injection
+    constructor (@Inject('isBrowser') private isBrowser: boolean) {
+        // Example of how to Inject the isBrowser/isNode we injected in our app.browser & app.server NgModules 
+    }
+
+    // Here you want to handle anything with @Input()'s @Output()'s
+    // Data retrieval / etc - this is when the Component is "ready" and wired up
+    ngOnInit ()
+    {
+        console.log('Are we inside the Browser ? ' + this.isBrowser);
+    }
+}

Client/containers/index.ts

@@ -17,3 +17,5 @@ export * from './home/home.component';
 export * from './bootstrap/bootstrap.component';
 export * from './login/login.component';
 export * from './platform-examples/examples.component';
+export * from './not-found/not-found.component';
+export * from './chat/chat.component';