/*
 * © 2017 Stratio Big Data Inc., Sucursal en España.
 *
 * This software is licensed under the Apache License, Version 2.0.
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the terms of the License for more details.
 *
 * SPDX-License-Identifier: Apache-2.0.
 */
import { Component, OnInit } from '@angular/core';
import { Paginate } from '@stratio/egeo';
import { CssProperty } from '@app/shared/css-property-table/css-property-table.model';

@Component({
   selector: 'st-pagination-demo',
   templateUrl: './st-pagination-demo.component.html',
   styleUrls: ['./st-pagination-demo.component.scss']
})
export class StPaginationDemoComponent implements OnInit {
   public configDoc: any = {
      html: 'demo/st-pagination-demo/st-pagination-demo.component.html',
      ts: 'demo/st-pagination-demo/st-pagination-demo.component.ts',
      component: 'lib/st-pagination/st-pagination.component.ts'
   };
   public page: number = 1;
   public perPage: number = 50;
   public title: string = 'pagination';
   public items: Array<any> = [];
   public cssProperties: CssProperty[] = [
      {
         name: '--egeo-st-pagination--font-size',
         description: 'Label font size',
         default: '$egeo-font-size-14'
      }
   ];

   constructor(
   ) { }

   ngOnInit(): void {
      this.setItems(100);
   }

   generateItems(n: number): Array<any> {
      const items: Array<any> = [];

      for (let i = 1; i <= n; i++) {
         items.push({
            label: 'Example ' + i,
            value: i
         });
      }

      return items;
   }

   setItems(n: number): void {
      this.items = this.generateItems(n);
      this.page = 1;
   }

   onChangePage(changePageEvent: Paginate): void {
      this.perPage = changePageEvent.perPage;
      this.page = changePageEvent.currentPage;
   }

   onChangePerPage(changePerPageEvent: number): void {
      console.log(`Current items per page selected ${changePerPageEvent}`);
   }
}