48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
import { Router } from '@angular/router';
|
|
|
|
import { BasketService } from './basket.service';
|
|
import { IBasket } from '../shared/models/basket.model';
|
|
import { IBasketItem } from '../shared/models/basketItem.model';
|
|
import { BasketWrapperService } from '../shared/services/basket.wrapper.service';
|
|
|
|
@Component({
|
|
selector: 'esh-basket',
|
|
styleUrls: ['./basket.component.scss'],
|
|
templateUrl: './basket.component.html'
|
|
})
|
|
export class BasketComponent implements OnInit {
|
|
basket: IBasket;
|
|
totalPrice: number = 0;
|
|
|
|
constructor(private service: BasketService, private router: Router, private basketwrapper: BasketWrapperService) { }
|
|
|
|
ngOnInit() {
|
|
this.service.getBasket().subscribe(basket => {
|
|
this.basket = basket;
|
|
this.calculateTotalPrice();
|
|
});
|
|
}
|
|
|
|
itemQuantityChanged(item: IBasketItem) {
|
|
this.calculateTotalPrice();
|
|
this.service.setBasket(this.basket).subscribe(x => console.log('basket updated: ' + x));
|
|
}
|
|
|
|
update(event: any) {
|
|
this.service.setBasket(this.basket).subscribe(x => console.log('basket updated: ' + x));
|
|
}
|
|
|
|
checkOut(event: any) {
|
|
this.basketwrapper.basket = this.basket;
|
|
this.router.navigate(['order']);
|
|
}
|
|
|
|
private calculateTotalPrice() {
|
|
this.totalPrice = 0;
|
|
this.basket.items.forEach(item => {
|
|
this.totalPrice += (item.unitPrice * item.quantity);
|
|
});
|
|
}
|
|
}
|