bug(chat): removed from demo for now

Author: MarkPieszak

Client/app/app.component.html

@@ -1,6 +1,6 @@
-<div class='col-sm-3'>
+<div class="col-sm-3">
     <nav-menu></nav-menu>
 </div>
-<div class='col-sm-9 body-content'>
+<div class="col-sm-9 body-content">
     <router-outlet></router-outlet>
 </div>

Client/app/app.module.ts

@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import { HttpModule } from '@angular/http';
 
 import { AppComponent } from './app.component';
-import { NavMenuComponent } from './containers/navmenu/navmenu.component';
+import { NavMenuComponent } from './components/navmenu/navmenu.component';
 import { HomeComponent } from './containers/home/home.component';
 import { FetchDataComponent } from './containers/fetchdata/fetchdata.component';
 import { CounterComponent } from './containers/counter/counter.component';

Client/app/browser-app.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
+import { APP_BASE_HREF } from '@angular/common';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { SignalRModule, SignalRConfiguration } from 'ng2-signalr';
@@ -29,6 +30,13 @@ export function createConfig(): SignalRConfiguration {
         AppModule,
 
         SignalRModule.forRoot(() => createConfig())
+    ],
+    providers: [
+        {
+            // We need this for our 
+            provide: APP_BASE_HREF,
+            useValue: window.location.origin
+        }
     ]
 })
 export class AppBrowserModule {

Client/app/containers/navmenu/navmenu.component.css renamed to Client/app/components/navmenu/navmenu.component.css

@@ -27,11 +27,11 @@
                         <span class='glyphicon glyphicon-th-list'></span> Fetch data
                     </a>
                 </li>
-                <li [routerLinkActive]="['link-active']">
+                <!--<li [routerLinkActive]="['link-active']">
                     <a [routerLink]="['/chat']">
                         <span class='glyphicon glyphicon-comment'></span> Chat
                     </a>
-                </li>
+                </li>-->
             </ul>
         </div>
     </div>

Client/app/containers/navmenu/navmenu.component.html renamed to Client/app/components/navmenu/navmenu.component.html

@@ -1,9 +1,11 @@
 import { 
     Component, OnInit, 
     // animation imports
-    trigger, state, style, transition, animate } from '@angular/core';
+    trigger, state, style, transition, animate, Inject
+} from '@angular/core';
 
 import { Http } from '@angular/http';
+import { APP_BASE_HREF } from '@angular/common';
 
 @Component({
     selector: 'fetchdata',
@@ -28,12 +30,15 @@ export class FetchDataComponent implements OnInit {
     public users: IUser[];
 
     // Use "constructor"s only for dependency injection
-    constructor(private http: Http) { }
+    constructor(
+        private http: Http,
+        @Inject(APP_BASE_HREF) private baseHref: string
+    ) { }
 
     // 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() {
-        this.http.get('http://localhost:5000/%3C/span%3Eapi/test/users%3Cspan%20class="x x-first x-last">').map(res => res.json()).subscribe(result => {
+        this.http.get(`${this.baseHref}/api/test/users`).map(res => res.json()).subscribe(result => {
             console.log(result);
             this.users = result as IUser[];
         });

Client/app/containers/navmenu/navmenu.component.ts renamed to Client/app/components/navmenu/navmenu.component.ts

@@ -1,6 +1,7 @@
 import './polyfills/server.polyfills';
 import { enableProdMode } from '@angular/core';
 import { INITIAL_CONFIG } from '@angular/platform-server';
+import { APP_BASE_HREF } from '@angular/common';
 import { createServerRenderer, RenderResult } from 'aspnet-prerendering';
 // Grab the (Node) server-specific NgModule
 import { AppServerModule } from './app/server-app.module';
@@ -12,13 +13,18 @@ enableProdMode();
 export default createServerRenderer(params => {
 
     // Platform-server provider configuration
-    const providers = [{
-        provide: INITIAL_CONFIG,
-        useValue: {
-            document: '<app></app>', // Our Root application document
-            url: params.url
+    const providers = [
+        {
+            provide: INITIAL_CONFIG,
+            useValue: {
+                document: '<app></app>', // Our Root application document
+                url: params.url
+            }
+        }, {
+            provide: APP_BASE_HREF,
+            useValue: params.origin
         }
-    }];
+    ];
 
     return ngAspnetCoreEngine(providers, AppServerModule).then(response => {
         return ({

Client/app/containers/fetchdata/fetchdata.component.ts

@@ -27,9 +27,9 @@
     "aspnet-webpack": "^1.0.17",
     "awesome-typescript-loader": "^3.0.0",
     "bootstrap": "^3.3.7",
+    "core-js": "^2.4.1",
     "css": "^2.2.1",
     "css-loader": "^0.25.0",
-    "es6-shim": "^0.35.1",
     "event-source-polyfill": "^0.0.7",
     "expose-loader": "^0.7.1",
     "extract-text-webpack-plugin": "^2.0.0-rc",