71 lines
1.5 KiB
TypeScript
71 lines
1.5 KiB
TypeScript
import {Component, OnInit} from '@angular/core';
|
|
import {ProductService} from '../../service/productservice';
|
|
import {PhotoService} from '../../service/photoservice';
|
|
import {Product} from '../../api/product';
|
|
|
|
@Component({
|
|
selector: 'app-media',
|
|
templateUrl: './media.component.html',
|
|
styleUrls: ['../../../assets/demo/badges.scss'],
|
|
styles:[`
|
|
:host ::ng-deep .p-carousel-indicators .p-link{
|
|
border-radius:5px !important;
|
|
}
|
|
`]
|
|
})
|
|
export class MediaComponent implements OnInit {
|
|
|
|
products: Product[];
|
|
|
|
images: any[];
|
|
|
|
galleriaResponsiveOptions: any[] = [
|
|
{
|
|
breakpoint: '1024px',
|
|
numVisible: 5
|
|
},
|
|
{
|
|
breakpoint: '960px',
|
|
numVisible: 4
|
|
},
|
|
{
|
|
breakpoint: '768px',
|
|
numVisible: 3
|
|
},
|
|
{
|
|
breakpoint: '560px',
|
|
numVisible: 1
|
|
}
|
|
];
|
|
|
|
carouselResponsiveOptions: any[] = [
|
|
{
|
|
breakpoint: '1024px',
|
|
numVisible: 3,
|
|
numScroll: 3
|
|
},
|
|
{
|
|
breakpoint: '768px',
|
|
numVisible: 2,
|
|
numScroll: 2
|
|
},
|
|
{
|
|
breakpoint: '560px',
|
|
numVisible: 1,
|
|
numScroll: 1
|
|
}
|
|
];
|
|
|
|
constructor(private productService: ProductService, private photoService: PhotoService) {}
|
|
|
|
ngOnInit() {
|
|
this.productService.getProductsSmall().then(products => {
|
|
this.products = products;
|
|
});
|
|
|
|
this.photoService.getImages().then(images => {
|
|
this.images = images;
|
|
});
|
|
}
|
|
}
|