1 |
43959
|
argiro.kok
|
import {Component, Input, Output, EventEmitter} from '@angular/core';
|
2 |
|
|
import {Observable} from 'rxjs/Observable';
|
3 |
|
|
|
4 |
|
|
@Component({
|
5 |
|
|
selector: 'search-paging',
|
6 |
|
|
template: `
|
7 |
45482
|
argiro.kok
|
<div class= "searchPaging uk-panel uk-margin-top">
|
8 |
45020
|
argiro.kok
|
<div class="uk-float-right" *ngIf="results && searchUtils.totalResults > searchUtils.size">
|
9 |
44726
|
argiro.kok
|
<paging [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [baseUrl]="baseUrl" [size]="searchUtils.size"> </paging>
|
10 |
43959
|
argiro.kok
|
</div>
|
11 |
45020
|
argiro.kok
|
<div class="" *ngIf="results && searchUtils.totalResults > 0">
|
12 |
45408
|
konstantin
|
{{searchUtils.totalResults}} {{type}}, page {{searchUtils.page}} of {{(totalPages())}}
|
13 |
43959
|
argiro.kok
|
</div>
|
14 |
|
|
</div>
|
15 |
|
|
`
|
16 |
|
|
})
|
17 |
|
|
|
18 |
|
|
export class SearchPagingComponent {
|
19 |
44726
|
argiro.kok
|
@Input() searchUtils;
|
20 |
43959
|
argiro.kok
|
@Input() results;
|
21 |
44726
|
argiro.kok
|
@Input() baseUrl;
|
22 |
45408
|
konstantin
|
@Input() type;
|
23 |
44726
|
argiro.kok
|
|
24 |
|
|
// @Input() totalResults:number = 0;
|
25 |
43959
|
argiro.kok
|
constructor () {
|
26 |
|
|
}
|
27 |
|
|
|
28 |
|
|
ngOnInit() {
|
29 |
43990
|
konstantin
|
|
30 |
43959
|
argiro.kok
|
}
|
31 |
|
|
|
32 |
44726
|
argiro.kok
|
totalPages(): number {
|
33 |
|
|
let totalPages:any = this.searchUtils.totalResults/(this.searchUtils.size);
|
34 |
|
|
if(!(Number.isInteger(totalPages))) {
|
35 |
|
|
totalPages = (parseInt(totalPages, 10) + 1);
|
36 |
43990
|
konstantin
|
}
|
37 |
44726
|
argiro.kok
|
return totalPages;
|
38 |
43990
|
konstantin
|
}
|
39 |
43959
|
argiro.kok
|
|
40 |
43990
|
konstantin
|
|
41 |
43959
|
argiro.kok
|
}
|