mirror of
https://github.com/Mueller-Patrick/Betterzon.git
synced 2026-04-27 07:40:10 +00:00
117 lines
3.2 KiB
TypeScript
117 lines
3.2 KiB
TypeScript
import {Component, Input, OnInit} from '@angular/core';
|
|
import {ApiService} from '../../services/api.service';
|
|
import {Product} from '../../models/product';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
|
|
@Component({
|
|
selector: 'app-hot-deals-widget',
|
|
templateUrl: './hot-deals-widget.component.html',
|
|
styleUrls: ['./hot-deals-widget.component.css']
|
|
})
|
|
export class HotDealsWidgetComponent implements OnInit {
|
|
|
|
products: Product[] = [];
|
|
bestDealsProductIds = [];
|
|
amazonPrices = [];
|
|
productsPricesMap = new Map();
|
|
@Input() numberOfProducts: number;
|
|
@Input() showProductPicture: boolean;
|
|
@Input() searchQuery: string;
|
|
@Input() type: string;
|
|
|
|
constructor(
|
|
private apiService: ApiService,
|
|
private router: Router,
|
|
private route: ActivatedRoute
|
|
) {
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
|
|
this.getBestDeals();
|
|
}
|
|
|
|
loadParams(): void {
|
|
if (!this.numberOfProducts) {
|
|
this.numberOfProducts = 9;
|
|
}
|
|
if (!this.showProductPicture) {
|
|
this.showProductPicture = false;
|
|
}
|
|
if (!this.searchQuery) {
|
|
this.searchQuery = '';
|
|
}
|
|
if (!this.type) {
|
|
this.type = '';
|
|
}
|
|
|
|
switch (this.type) {
|
|
case 'search': {
|
|
break;
|
|
}
|
|
default: {
|
|
this.getProductsByIds();
|
|
this.getAmazonPricesForBestDeals();
|
|
this.getVendors();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
getProductsByIds(): void {
|
|
this.apiService.getProductsByIds(this.bestDealsProductIds).subscribe(
|
|
products => {
|
|
products.forEach(product => {
|
|
this.productsPricesMap [product.product_id].product = product;
|
|
});
|
|
}
|
|
);
|
|
}
|
|
|
|
getBestDeals(): void {
|
|
this.apiService.getBestDeals(9).subscribe(
|
|
deals => {
|
|
deals.forEach(deal => {
|
|
this.bestDealsProductIds.push(deal.product_id);
|
|
this.productsPricesMap [deal.product_id] = {lowestPrice: deal};
|
|
});
|
|
this.loadParams();
|
|
}
|
|
);
|
|
}
|
|
|
|
getVendors(): void {
|
|
this.bestDealsProductIds.forEach(
|
|
productId => {
|
|
const currentDeal = this.productsPricesMap[productId].lowestPrice;
|
|
this.apiService.getVendorById(currentDeal.vendor_id).subscribe(
|
|
vendor => {
|
|
this.productsPricesMap[productId].vendor = vendor;
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
getAmazonPricesForBestDeals(): void {
|
|
this.bestDealsProductIds.forEach(id => {
|
|
this.apiService.getAmazonPrice(id).subscribe(
|
|
price => {
|
|
this.amazonPrices.push(price);
|
|
this.productsPricesMap[price[0].product_id].amazonPrice = price[0];
|
|
}
|
|
);
|
|
}
|
|
);
|
|
}
|
|
|
|
getSearchedProducts(): void {
|
|
this.apiService.getProductsByQuery(this.searchQuery).subscribe(products => this.products = products);
|
|
}
|
|
|
|
clickedProduct(productId: string): void {
|
|
this.router.navigate([('/product/' + productId)]);
|
|
}
|
|
|
|
|
|
}
|