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

import {Component, Input, OnChanges, SimpleChanges, ViewChild} from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatTableDataSource } from '@angular/material/table';
import { TextRegion } from '../../../../model/parts/TextRegion';
import { SearchResponse } from '../../../../model/SearchResponse';
import { DrawerService } from '../../../../services/drawer/drawer.service';
import { LoggerService } from '../../../../services/logger/logger.service';
import { TranslateService } from '@ngx-translate/core';

@Component({
  selector: 'app-search-paginator',
  templateUrl: './search-paginator.component.html',
  styleUrls: ['./search-paginator.component.css']
})
export class SearchPaginatorComponent implements OnChanges {
  @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
  @Input() inputData: SearchResponse;
  tableDataSource: MatTableDataSource<TextRegion>;

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

  constructor(private LOGGER: LoggerService, private drawer: DrawerService, private translate: TranslateService) {

  }

  ngOnChanges(changes: SimpleChanges): void {
    this.tableDataSource = new MatTableDataSource<TextRegion>(this.inputData.textRegions);
    // this.tableDataSource.paginator._intl.itemsPerPageLabel = this.translate.instant('app-search-paginator.items-per-page');
    this.tableDataSource.paginator = this.paginator;
  }

  draw(result: TextRegion, imageId: string, canvasId: string) {
    this.LOGGER.debug('Drawing method');
    this.drawer.drawResult(result, imageId, canvasId);
  }
}