Dynamic itemsPerPage on assets list.
This commit is contained in:
parent
3cf839e1da
commit
e917d40909
@ -20,7 +20,9 @@ export class AssetsComponent implements OnInit {
|
|||||||
error: any;
|
error: any;
|
||||||
|
|
||||||
page = 1;
|
page = 1;
|
||||||
itemsPerPage = 15;
|
itemsPerPage: number;
|
||||||
|
contentSpace = window.innerHeight - (250 + 200);
|
||||||
|
fiveItemsPxSize = 250;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private assetsService: AssetsService,
|
private assetsService: AssetsService,
|
||||||
@ -28,6 +30,11 @@ export class AssetsComponent implements OnInit {
|
|||||||
) { }
|
) { }
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
this.itemsPerPage = Math.round(this.contentSpace / this.fiveItemsPxSize) * 5;
|
||||||
|
if (this.itemsPerPage === 5) {
|
||||||
|
this.itemsPerPage = 10;
|
||||||
|
}
|
||||||
|
|
||||||
setTimeout(() => this.getAssets());
|
setTimeout(() => this.getAssets());
|
||||||
|
|
||||||
this.searchForm = this.formBuilder.group({
|
this.searchForm = this.formBuilder.group({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user