D-Net

import {Component, Input, Output, EventEmitter} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

@Component({

    selector: 'search-paging',

    template: `

    <div class= "searchPaging uk-panel uk-margin-top">

      <div class="uk-float-right" *ngIf="results  && searchUtils.totalResults > searchUtils.size">

            <paging [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults"  [baseUrl]="baseUrl" [size]="searchUtils.size"> </paging>

      </div>

      <div class="" *ngIf="results  && searchUtils.totalResults > 0">

            {{searchUtils.totalResults}} {{type}}, page {{searchUtils.page}} of {{(totalPages())}}

      </div>

    </div>

    `

})

export class SearchPagingComponent {

    @Input() searchUtils;

    @Input() results;

    @Input() baseUrl;

    @Input() type;

    // @Input() totalResults:number = 0;

    constructor () {

     }

    ngOnInit() {

    }

    totalPages(): number {

        let totalPages:any = this.searchUtils.totalResults/(this.searchUtils.size);

        if(!(Number.isInteger(totalPages))) {

            totalPages = (parseInt(totalPages, 10) + 1);

        }

        return totalPages;

    }

}