ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add debounce to pg parameters search filter (#14140)

Browse Source 
* Add debounce to pg parameters search filter

* Update tsconfig
This commit is contained in:
Charles Gagnon
2021-02-02 16:15:31 -08:00
committed by GitHub
parent 661e7c361d
commit 86a5cb27b7
3 changed files with 45 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
extensions/arc/src/ui/dashboards/postgres/postgresParametersPage.ts
View File

@@ -11,6 +11,7 @@ import { UserCancelledError } from '../../../common/api';
import { IconPathHelper, cssStyles } from '../../../constants';
import { DashboardPage } from '../../components/dashboardPage';
import { EngineSettingsModel, PostgresModel } from '../../../models/postgresModel';
import { debounce } from '../../../common/utils';
export type ParametersModel = {
parameterName: string,
@@ -358,15 +359,20 @@ export class PostgresParametersPage extends DashboardPage {
this.disposables.push(
this.searchBox.onTextChanged(() => {
if (!this.searchBox!.value) {
this.parametersTable.data = this._parameters.map(p => [p.parameterName, p.valueContainer, p.description, p.resetButton]);
} else {
this.filterParameters(this.searchBox!.value);
}
this.onSearchFilter();
})
);
}
@debounce(500)
private onSearchFilter(): void {
if (!this.searchBox!.value) {
this.parametersTable.data = this._parameters.map(p => [p.parameterName, p.valueContainer, p.description, p.resetButton]);
} else {
this.filterParameters(this.searchBox!.value);
}
}
private filterParameters(search: string): void {
this.parametersTable.data = this._parameters
.filter(p => p.parameterName?.search(search) !== -1 || p.description?.search(search) !== -1)
@@ -375,7 +381,7 @@ export class PostgresParametersPage extends DashboardPage {
private handleOnTextChanged(component: azdata.InputBoxComponent, currentValue: string | undefined): boolean {
if (!component.valid) {
// If invalid value retun false and enable discard button
// If invalid value return false and enable discard button
this.discardButton!.enabled = true;
return false;
} else if (component.value === currentValue) {