aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/pages/browse/table/table.component.ts @ 0256e698

import { Component, OnInit, ViewChild } from '@angular/core';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';
import { MatTable } from '@angular/material/table';
import { TableDataSource } from './table-datasource';
import { DocumentResponse } from '../../../../model/DocumentResponse';
import {QueryService} from '../../../../services/query.service';
import {Observable} from 'rxjs';
import {map, tap} from 'rxjs/operators';

@Component({
  selector: 'app-table-browse',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent implements OnInit {
  @ViewChild(MatPaginator) paginator: MatPaginator;
  @ViewChild(MatSort) sort: MatSort;
  @ViewChild(MatTable) table: MatTable<DocumentResponse>;
  dataSource: TableDataSource;
  dataSourceLength: Observable<number>;

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

  constructor( private queryService: QueryService ) { }

  ngOnInit() {
    this.dataSourceLength = this.queryService.getDocuments().pipe(
      tap(data => {
        this.dataSource = new TableDataSource();
        this.dataSource.data = data;
        this.table.dataSource = data;
        this.dataSource.sort = this.sort;
        this.dataSource.paginator = this.paginator;
      }),
      map(data => data.length)
    );
  }
}