Add error message in WebSPA when create order returns exception

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>

src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.scss

@@ -94,4 +94,8 @@
     &-image {
         height: $item-height;
     }
+
+    &-alert {
+       margin-top: 10px;
+    }
 }

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;
     }
 }