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 '../domain/product';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-mediademo',
|
||
|
|
templateUrl: './mediademo.component.html',
|
||
|
|
styleUrls: ['../../../assets/demo/badges.scss'],
|
||
|
|
styles:[`
|
||
|
|
:host ::ng-deep .p-carousel-indicators .p-link{
|
||
|
|
border-radius:5px !important;
|
||
|
|
}
|
||
|
|
`]
|
||
|
|
})
|
||
|
|
export class MediaDemoComponent implements OnInit {
|
||
|
|
|
||
|
|
products: Product[];
|
||
|
|
|
||
|
|
images: any[];
|
||
|
|
|
||
|
|
galleriaResponsiveOptions: any[] = [
|
||
|
|
{
|
||
|
|
breakpoint: '1024px',
|
||
|
|
numVisible: 5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
breakpoint: '960px',
|
||
|
|
numVisible: 4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
breakpoint: '768px',
|
||
|
|
numVisible: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
breakpoint: '560px',
|
||
|
|
numVisible: 1
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
carouselResponsiveOptions: any[] = [
|
||
|
|
{
|
||
|
|
breakpoint: '1024px',
|
||
|
|
numVisible: 3,
|
||
|
|
numScroll: 3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
breakpoint: '768px',
|
||
|
|
numVisible: 1,
|
||
|
|
numScroll: 1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
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;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|