upgrade to angular 4

Author: chsakell

src/PhotoGallery/PhotoGallery.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
     <VersionPrefix>1.1.0</VersionPrefix>
@@ -14,6 +14,10 @@
     <PackageTargetFallback>$(PackageTargetFallback);dotnet5.6;dnxcore50;portable-net45+win8</PackageTargetFallback>
   </PropertyGroup>
 
+  <ItemGroup>
+    <Content Include="wwwroot\tsconfig.json" />
+  </ItemGroup>
+
   <ItemGroup>
     <None Update="wwwroot\**\*;Views\**\*">
       <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>

src/PhotoGallery/Views/Shared/_Layout.cshtml

@@ -17,11 +17,9 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>
     <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script>*@
 
-    <!-- 1. Load libraries -->
     <!-- Polyfill(s) for older browsers -->
-    <script src="~/lib/core-js/client/shim.js"></script>
+    <script src="~/lib/core-js/client/shim.min.js"></script>
     <script src="~/lib/zone.js/dist/zone.js"></script>
-    <script src="~/lib/reflect-metadata/Reflect.js"></script>
     <script src="~/lib/systemjs/dist/system.src.js"></script>
 
     <!-- 2. Configure SystemJS -->

src/PhotoGallery/package.json

@@ -6,40 +6,35 @@
   "repository": "https://github.com/chsakell/aspnet5-angular2-typescript",
   "private": true,
   "dependencies": {
-    "@angular/common": "~2.2.0",
-    "@angular/compiler": "~2.2.0",
-    "@angular/core": "~2.2.0",
-    "@angular/forms": "~2.2.0",
-    "@angular/http": "~2.2.0",
-    "@angular/platform-browser": "~2.2.0",
-    "@angular/platform-browser-dynamic": "~2.2.0",
-    "@angular/router": "~3.2.0",
-    "@angular/upgrade": "~2.2.0",
+    "@angular/common": "4.0.2",
+    "@angular/compiler": "4.0.2",
+    "@angular/core": "4.0.2",
+    "@angular/forms": "4.0.2",
+    "@angular/http": "4.0.2",
+    "@angular/platform-browser": "4.0.2",
+    "@angular/platform-browser-dynamic": "4.0.2",
+    "@angular/router": "4.0.2",
 
     "body-parser": "1.14.1",
     "bootstrap": "3.3.5",
     "es6-shim": "^0.35.0",
     "fancybox": "3.0.0",
     "jquery": "2.1.4",
 
-    "angular-in-memory-web-api": "~0.1.15",
+    "angular-in-memory-web-api": "~0.2.4",
+    "systemjs": "0.19.40",
     "core-js": "^2.4.1",
-    "reflect-metadata": "^0.1.8",
-    "rxjs": "5.0.0-beta.12",
-    "systemjs": "0.19.39",
-    "zone.js": "^0.6.25"
+    "rxjs": "5.0.1",
+    "zone.js": "^0.8.5",
+    "reflect-metadata": "^0.1.8"
   },
   "devDependencies": {
-    "@types/node": "^6.0.45",
+    "@types/node": "^6.0.46",
     "del": "2.1.0",
-    "gulp": "3.9.1",
-    "gulp-typescript": "3.1.3",
+    "gulp": "^3.9.1",
+    "gulp-typescript": "^3.1.6",
     "gulp-watch": "4.3.11",
     "merge": "1.2.0",
-    "typescript": "^2.0.10",
-    "typings": "^1.3.3"
-  },
-  "scripts": {
-    "postinstall": "typings install"
+    "typescript": "^2.2.2"
   }
 }

src/PhotoGallery/typings.json

@@ -1,6 +1,4 @@
-/// <reference path="../../typings/globals/es6-shim/index.d.ts" />
-
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { Location } from '@angular/common';
 import 'rxjs/add/operator/map';
 import {enableProdMode} from '@angular/core';

src/PhotoGallery/wwwroot/app/app.component.ts

@@ -24,7 +24,7 @@ export class LoginComponent implements OnInit {
         var _authenticationResult: OperationResult = new OperationResult(false, '');
 
         this.membershipService.login(this._user)
-            .subscribe(res => {
+            .subscribe((res:any) => {
                 _authenticationResult.Succeeded = res.Succeeded;
                 _authenticationResult.Message = res.Message;
             },

src/PhotoGallery/wwwroot/app/components/account/login.component.ts

@@ -25,7 +25,7 @@ export class RegisterComponent implements OnInit {
     register(): void {
         var _registrationResult: OperationResult = new OperationResult(false, '');
         this.membershipService.register(this._newUser)
-            .subscribe(res => {
+            .subscribe((res:any) => {
                 _registrationResult.Succeeded = res.Succeeded;
                 _registrationResult.Message = res.Message;
 

src/PhotoGallery/wwwroot/app/components/account/register.component.ts

@@ -64,7 +64,7 @@ export class AlbumPhotosComponent extends Paginated implements OnInit {
             () => console.log(this._photos));
     }
 
-    search(i): void {
+    search(i: any): void {
         super.search(i);
         this.getAlbumPhotos();
     };

src/PhotoGallery/wwwroot/app/components/album-photos.component.ts

@@ -42,7 +42,7 @@ export class AlbumsComponent extends Paginated implements OnInit {
             });
     }
 
-    search(i): void {
+    search(i: any): void {
         super.search(i);
         this.getAlbums();
     };

src/PhotoGallery/wwwroot/app/components/albums.component.ts

@@ -35,7 +35,7 @@ export class PhotosComponent extends Paginated implements OnInit {
             error => console.error('Error: ' + error));
     }
 
-    search(i): void {
+    search(i: any): void {
         super.search(i);
         this.getPhotos();
     };