Restructure

src-angular/app/components/browse/browse.component.ts

@@ -0,0 +1,35 @@
+import { AfterViewInit, Component, ViewChild } from '@angular/core'
+
+import { SearchService } from 'src/app/core/services/search.service'
+import { ChartSidebarComponent } from './chart-sidebar/chart-sidebar.component'
+import { ResultTableComponent } from './result-table/result-table.component'
+import { StatusBarComponent } from './status-bar/status-bar.component'
+
+@Component({
+	selector: 'app-browse',
+	templateUrl: './browse.component.html',
+	styleUrls: ['./browse.component.scss'],
+})
+export class BrowseComponent implements AfterViewInit {
+
+	@ViewChild('resultTable', { static: true }) resultTable: ResultTableComponent
+	@ViewChild('chartSidebar', { static: true }) chartSidebar: ChartSidebarComponent
+	@ViewChild('statusBar', { static: true }) statusBar: StatusBarComponent
+
+	constructor(private searchService: SearchService) { }
+
+	ngAfterViewInit() {
+		const $tableColumn = $('#table-column')
+		$tableColumn.on('scroll', () => {
+			const pos = $tableColumn[0].scrollTop + $tableColumn[0].offsetHeight
+			const max = $tableColumn[0].scrollHeight
+			if (pos >= max - 5) {
+				this.searchService.updateScroll()
+			}
+		})
+
+		this.searchService.onNewSearch(() => {
+			$tableColumn.scrollTop(0)
+		})
+	}
+}