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

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)
		})
	}
}