ayan.poddar/eShopOnContainers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add error message in WebSPA when create order returns exception

Browse Source
This commit is contained in:
dsanz 2017-03-28 11:03:59 +02:00
parent 782a2e40d5
commit 53bdf6de04
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.html
View File

@ -5,6 +5,9 @@
</div> </div>
<div class="container"> <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)"> <form [formGroup]="newOrderForm" (ngSubmit)="submitForm(newOrderForm.value)">
<section class="esh-orders_new-section"> <section class="esh-orders_new-section">
<h4 class="esh-orders_new-title">Shipping Address</h4> <h4 class="esh-orders_new-title">Shipping Address</h4>

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

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

8
src/Web/WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
View File

@ -15,10 +15,11 @@ import { Router } from '@angular/router';
export class OrdersNewComponent implements OnInit { export class OrdersNewComponent implements OnInit {
private newOrderForm: FormGroup; // new order form private newOrderForm: FormGroup; // new order form
private isOrderProcessing: Boolean; private isOrderProcessing: Boolean;
private errorReceived: Boolean;
private order: IOrder; private order: IOrder;
constructor(private service: OrdersService, fb: FormBuilder, private router: Router, private basketEvents: BasketWrapperService) { 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.order = service.mapBasketAndIdentityInfoNewOrder();
this.newOrderForm = fb.group({ this.newOrderForm = fb.group({
'street': [this.order.street, Validators.required], 'street': [this.order.street, Validators.required],
@ -48,6 +49,7 @@ export class OrdersNewComponent implements OnInit {
this.service.postOrder(this.order) this.service.postOrder(this.order)
.catch((errMessage) => { .catch((errMessage) => {
this.errorReceived = true;
this.isOrderProcessing = false; this.isOrderProcessing = false;
return Observable.throw(errMessage); return Observable.throw(errMessage);
}) })
@ -56,8 +58,8 @@ export class OrdersNewComponent implements OnInit {
this.basketEvents.orderCreated(); this.basketEvents.orderCreated();
this.router.navigate(['orders']); this.router.navigate(['orders']);
}); });
this.errorReceived = false;
this.isOrderProcessing = true; this.isOrderProcessing = true;
} }
} }