Updating Angular Version to 6

demo/src/app/app.component.ts

@@ -36,16 +36,16 @@ let gettingStarted = require('html-loader!markdown-loader!../getting-started.md'
 			 is maintained by <a href="https://github.com/valor-software">valor-software</a>.</p>
 		</div>
 	</footer>
-	`
+	`,
 })
 export class AppComponent {
 	public gettingStarted: string = gettingStarted;
 	public ngAfterContentInit(): any {
 		setTimeout(() => {
-		if (typeof PR !== 'undefined') {
-			// google code-prettify
-			PR.prettyPrint();
-		}
+			if (typeof PR !== 'undefined') {
+				// google code-prettify
+				PR.prettyPrint();
+			}
 		}, 150);
 	}
 }

demo/src/app/app.module.ts

@@ -4,14 +4,17 @@ import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
 
 import { TabsModule } from 'ngx-bootstrap/tabs';
-import { FileUploadModule } from 'ng2-chunk-file-upload';
+import { FileUploadModule } from '../../../src/file-upload/file-upload.module';
 
 import { AppComponent } from './app.component';
+
 import { FileUploadSectionComponent } from './components/file-upload-section';
 import { SimpleDemoComponent } from './components/file-upload/simple-demo';
+import { HttpModule } from '@angular/http';
 
 @NgModule({
 	imports: [
+		HttpModule,
 		BrowserModule,
 		CommonModule,
 		FileUploadModule,

demo/src/app/components/file-upload-section.ts

@@ -1,29 +1,29 @@
-import { Component } from "@angular/core";
+import { Component } from '@angular/core';
 
-let doc = require("html-loader!markdown-loader!../../doc.md");
+let doc = require('html-loader!markdown-loader!../../doc.md');
 
 let tabDesc: Array<any> = [
-  {
-    heading: 'Simple',
-    ts: require("!!raw-loader?lang=typescript!./file-upload/simple-demo.ts"),
-    html: require("!!raw-loader?lang=markup!./file-upload/simple-demo.html"),
-    js: require("!!raw-loader?lang=javascript!./file-upload/file-catcher.js")
-  },
+	{
+		heading: 'Simple',
+		ts: require('!!raw-loader?lang=typescript!./file-upload/simple-demo.ts'),
+		html: require('!!raw-loader?lang=markup!./file-upload/simple-demo.html'),
+		js: require('!!raw-loader?lang=javascript!./file-upload/file-catcher.js')
+	}
 ];
 
 @Component({
-  selector: "file-upload-section",
-  templateUrl: "./file-upload-section.html",
+	selector: 'file-upload-section',
+	templateUrl: './file-upload-section.html'
 })
 export class FileUploadSectionComponent {
-  public name: string = 'File Upload';
-  public currentHeading: string = 'Simple';
-  public doc: string = doc;
-  public tabs: any = tabDesc;
+	public name: string = 'File Upload';
+	public currentHeading: string = 'Simple';
+	public doc: string = doc;
+	public tabs: any = tabDesc;
 
-  public select(e: any): void {
-    if (e.heading) {
-      this.currentHeading = e.heading;
-    }
-  }
+	public select(e: any): void {
+		if (e.heading) {
+			this.currentHeading = e.heading;
+		}
+	}
 }

demo/src/tsconfig.json

@@ -1,22 +1,17 @@
 {
-  "compilerOptions": {
-    "declaration": false,
-    "emitDecoratorMetadata": true,
-    "experimentalDecorators": true,
-    "noEmitHelpers": false,
-    "lib": ["es6", "dom"],
-    "types": [
-      "jasmine",
-      "webpack"
-    ],
-    "mapRoot": "./",
-    "module": "es6",
-    "moduleResolution": "node",
-    "outDir": "../temp/out-tsc",
-    "sourceMap": true,
-    "target": "es5",
-    "typeRoots": [
-      "../node_modules/@types"
-    ]
-  }
+    "compilerOptions": {
+        "declaration": false,
+        "emitDecoratorMetadata": true,
+        "experimentalDecorators": true,
+        "noEmitHelpers": false,
+        "lib": ["es6", "dom"],
+        "types": ["jasmine", "webpack"],
+        "mapRoot": "./",
+        "module": "es6",
+        "moduleResolution": "node",
+        "outDir": "../temp/out-tsc",
+        "sourceMap": true,
+        "target": "es5",
+        "typeRoots": ["../node_modules/@types"]
+    }
 }