import {
  Component, EventEmitter,
  Input,
  ViewEncapsulation,
  ChangeDetectionStrategy,
  OnInit,
  Output, SimpleChanges, OnChanges, ChangeDetectorRef, DoCheck
} from '@angular/core';
import { Observable } from 'rxjs/Observable';

import { RemoteData } from '../core/data/remote-data';
import { PageInfo } from '../core/shared/page-info.model';

import { PaginationComponentOptions } from '../shared/pagination/pagination-component-options.model';

import { SortOptions, SortDirection } from '../core/cache/models/sort-options.model';
import { fadeIn } from '../shared/animations/fade';
import { ListableObject } from '../object-collection/shared/listable-object.model';

@Component({
  changeDetection: ChangeDetectionStrategy.Default,
  encapsulation: ViewEncapsulation.Emulated,
  selector: 'ds-object-grid',
  styleUrls: [ './object-grid.component.scss' ],
  templateUrl: './object-grid.component.html',
  animations: [fadeIn]
})

export class ObjectGridComponent implements OnChanges, OnInit  {

  @Input() objects: RemoteData<ListableObject[]>;
  @Input() config: PaginationComponentOptions;
  @Input() sortConfig: SortOptions;
  @Input() hideGear = false;
  @Input() hidePagerWhenSinglePage = true;
  pageInfo: Observable<PageInfo>;

  /**
   * An event fired when the page is changed.
   * Event's payload equals to the newly selected page.
   */
  @Output() pageChange: EventEmitter<number> = new EventEmitter<number>();

  /**
   * An event fired when the page wsize is changed.
   * Event's payload equals to the newly selected page size.
   */
  @Output() pageSizeChange: EventEmitter<number> = new EventEmitter<number>();

  /**
   * An event fired when the sort direction is changed.
   * Event's payload equals to the newly selected sort direction.
   */
  @Output() sortDirectionChange: EventEmitter<SortDirection> = new EventEmitter<SortDirection>();

  @Output() paginationChange: EventEmitter<SortDirection> = new EventEmitter<any>();

  /**
   * An event fired when the sort field is changed.
   * Event's payload equals to the newly selected sort field.
   */
  @Output() sortFieldChange: EventEmitter<string> = new EventEmitter<string>();
  data: any = {};

  ngOnChanges(changes: SimpleChanges) {
    if (changes.objects && !changes.objects.isFirstChange()) {
      this.pageInfo = this.objects.pageInfo;
    }
  }

  ngOnInit(): void {
    this.pageInfo = this.objects.pageInfo;
    this.config.pageSize = 4;
  }

  /**
   * @param route
   *    Route is a singleton service provided by Angular.
   * @param router
   *    Router is a singleton service provided by Angular.
   */
  constructor(private cdRef: ChangeDetectorRef) {
  }


}