From 1296f97c5fef9afe596dbbf3aef854e986982c6b Mon Sep 17 00:00:00 2001
From: Moshfegh Hamedani <moshfegh@live.com.au>
Date: Fri, 14 Apr 2017 18:08:00 +1000
Subject: [PATCH] Handle errors when uploading files.

---
 ClientApp/app/app.error-handler.ts             | 10 +++++-----
 .../components/view-vehicle/view-vehicle.ts    | 18 ++++++++++++++----
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/ClientApp/app/app.error-handler.ts b/ClientApp/app/app.error-handler.ts
index 3edc927..8b7f164 100644
--- a/ClientApp/app/app.error-handler.ts
+++ b/ClientApp/app/app.error-handler.ts
@@ -9,11 +9,6 @@ export class AppErrorHandler implements ErrorHandler {
   }
 
   handleError(error: any): void {
-    if (!isDevMode())
-      Raven.captureException(error.originalError || error);
-    else 
-      throw error;
-
     this.ngZone.run(() => {
       this.toastyService.error({
         title: 'Error',
@@ -23,5 +18,10 @@ export class AppErrorHandler implements ErrorHandler {
         timeout: 5000
       });
     });
+
+    if (!isDevMode())
+      Raven.captureException(error.originalError || error);
+    else 
+      throw error;
   }
 }
\ No newline at end of file
diff --git a/ClientApp/app/components/view-vehicle/view-vehicle.ts b/ClientApp/app/components/view-vehicle/view-vehicle.ts
index 61bc4ad..0eaa354 100644
--- a/ClientApp/app/components/view-vehicle/view-vehicle.ts
+++ b/ClientApp/app/components/view-vehicle/view-vehicle.ts
@@ -57,9 +57,7 @@ export class ViewVehicleComponent implements OnInit {
     }
   }
 
-  uploadPhoto() {
-    var nativeElement: HTMLInputElement = this.fileInput.nativeElement;
-    
+  uploadPhoto() {    
     this.progressService.startTracking()
       .subscribe(progress => {
         this.zone.run(() => {
@@ -69,9 +67,21 @@ export class ViewVehicleComponent implements OnInit {
       null,
       () => { this.progress = null; });
 
-    this.photoService.upload(this.vehicleId, nativeElement.files[0])
+    var nativeElement: HTMLInputElement = this.fileInput.nativeElement;
+    var file = nativeElement.files[0];
+    nativeElement.value = ''; 
+    this.photoService.upload(this.vehicleId, file)
       .subscribe(photo => {
         this.photos.push(photo);
+      },
+      err => {
+        this.toasty.error({
+          title: 'Error',
+          msg: err.text(),
+          theme: 'bootstrap',
+          showClose: true,
+          timeout: 5000
+        });
       });
   }
 }
\ No newline at end of file