Revize 1e82d716

Re #7914: Stránkování tabulky browse

- opraveno stránkování tabulky browse
- pořád vypisuje chybu do konzole, ale funguje

fe/fulltextsearch/src/app/components/pages/browse/table/table.component.ts

@@ -1 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { AfterViewInit, 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 { Observable } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
 import { QueryService } from '../../../../services/query/query.service';
 
 @Component({
@@ -13 +11 @@
   templateUrl: './table.component.html',
   styleUrls: ['./table.component.css']
 })
-export class TableComponent implements OnInit {
+export class TableComponent implements AfterViewInit, 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'];
@@ -26 +23 @@
   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)
-    );
+    this.dataSource = new TableDataSource();
+    this.queryService.getDocuments().subscribe( documents => {
+      this.dataSource.data = documents;
+    });
+  }
+
+  ngAfterViewInit() {
+    this.dataSource.sort = this.sort;
+    this.dataSource.paginator = this.paginator;
+    this.table.dataSource = this.dataSource;
   }
 }