aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/pages/search/search-paginator/search-paginator.component.ts @ 7b1d7542

import {AfterViewInit, Component, Input, OnInit, ViewChild} from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { MatTable } from '@angular/material/table';
import { SearchPaginatorDataSource } from './search-paginator-datasource';
import { TextRegion } from '../../../../model/parts/TextRegion';
import { SearchResponse } from '../../../../model/SearchResponse';

@Component({
  selector: 'app-search-paginator',
  templateUrl: './search-paginator.component.html',
  styleUrls: ['./search-paginator.component.css']
})
export class SearchPaginatorComponent implements AfterViewInit, OnInit {
  @ViewChild(MatPaginator) paginator: MatPaginator;
  @ViewChild(MatSort) sort: MatSort;
  @ViewChild(MatTable) table: MatTable<TextRegion>;
  @Input() inputData: SearchResponse;
  dataSource: SearchPaginatorDataSource;

  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
  displayedColumns = ['image'];

  ngOnInit() {
    this.dataSource = new SearchPaginatorDataSource();
    this.dataSource.data = this.inputData.textRegions;
  }

  ngAfterViewInit() {
    this.dataSource.sort = this.sort;
    this.dataSource.paginator = this.paginator;
    this.table.dataSource = this.dataSource;
  }
}