From 53bdf6de045e4fb63612bcd0ff423483a1613d51 Mon Sep 17 00:00:00 2001
From: dsanz <dsanz@plainconcepts.com>
Date: Tue, 28 Mar 2017 11:03:59 +0200
Subject: [PATCH] Add error message in WebSPA  when create order returns
 exception

---
 .../modules/orders/orders-new/orders-new.component.html   | 3 +++
 .../modules/orders/orders-new/orders-new.component.scss   | 4 ++++
 .../modules/orders/orders-new/orders-new.component.ts     | 8 +++++---
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.html b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.html
index 8a5021243..cfac7d281 100644
--- a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.html
+++ b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.html
@@ -5,6 +5,9 @@
 </div>
 
 <div class="container">
+    <div  class="alert alert-warning esh-orders_new-alert" role="alert" [hidden]="!errorReceived">
+        Not possible to create a new order, please try later on
+    </div>
     <form [formGroup]="newOrderForm" (ngSubmit)="submitForm(newOrderForm.value)">
         <section class="esh-orders_new-section">
             <h4 class="esh-orders_new-title">Shipping Address</h4>
diff --git a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.scss b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.scss
index 0d06d0920..bae6fb6ee 100644
--- a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.scss
+++ b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.scss
@@ -94,4 +94,8 @@
     &-image {
         height: $item-height;
     }
+
+    &-alert {
+       margin-top: 10px;
+    }
 }
diff --git a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.ts b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
index 321c72a9c..72114631f 100644
--- a/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
+++ b/src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
@@ -15,10 +15,11 @@ import { Router }                                   from '@angular/router';
 export class OrdersNewComponent implements OnInit {
     private newOrderForm: FormGroup;  // new order form
     private isOrderProcessing: Boolean;
+    private errorReceived: Boolean;
     private order: IOrder;
 
     constructor(private service: OrdersService, fb: FormBuilder, private router: Router, private basketEvents: BasketWrapperService) {
-        // Obtener información del perfil de usuario.
+        // Obtain user profile information
         this.order = service.mapBasketAndIdentityInfoNewOrder();
         this.newOrderForm = fb.group({
             'street': [this.order.street, Validators.required],
@@ -48,6 +49,7 @@ export class OrdersNewComponent implements OnInit {
 
         this.service.postOrder(this.order)
             .catch((errMessage) => {
+                this.errorReceived = true;
                 this.isOrderProcessing = false;
                 return Observable.throw(errMessage); 
             })
@@ -56,8 +58,8 @@ export class OrdersNewComponent implements OnInit {
             this.basketEvents.orderCreated();
             
             this.router.navigate(['orders']);
-        });
-
+            });
+        this.errorReceived = false;
         this.isOrderProcessing = true;
     }
 }