ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-27 09:35:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add Loading Spinner plugin for SlickGrid table (#13152)

Browse Source 
* Add Loading Spinner plugin for SlickGrid table

* better comment

* add aria

* remove
This commit is contained in:
Charles Gagnon
2020-10-30 11:42:22 -07:00
committed by GitHub
parent dfb40e0159
commit 76625012dd
5 changed files with 94 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/sql/workbench/browser/editor/resourceViewer/resourceViewerInput.ts
View File

@@ -25,10 +25,13 @@ export class ResourceViewerInput extends EditorInput {
public static ID: string = 'workbench.editorInput.resourceViewerInput';
private _data: azdata.DataGridItem[] = [];
private _columns: ColumnDefinition[] = [];
private _loading: boolean = true;
private _onLoadingChanged = new Emitter<boolean>();
public onLoadingChanged: Event<boolean> = this._onLoadingChanged.event;
private _onColumnsChanged = new Emitter<Slick.Column<azdata.DataGridItem>[]>();
public actionsColumn: ButtonColumn<azdata.DataGridItem>;
public onColumnsChanged: Event<Slick.Column<azdata.DataGridItem>[]> = this._onColumnsChanged.event;
private _onDataChanged = new Emitter<void>();
public onDataChanged: Event<void> = this._onDataChanged.event;
@@ -74,16 +77,24 @@ export class ResourceViewerInput extends EditorInput {
}
public async refresh(): Promise<void> {
this._loading = true;
this._onLoadingChanged.fire(this._loading);
await Promise.all([
this.fetchColumns(),
this.fetchItems()
]);
this._loading = false;
this._onLoadingChanged.fire(this._loading);
}
public get plugins(): Slick.Plugin<azdata.DataGridItem>[] {
return [this.actionsColumn];
}
public get loading(): boolean {
return this._loading;
}
private async fetchColumns(): Promise<void> {
const columns = await this._dataGridProviderService.getDataGridColumns(this._providerId);
const columnDefinitions: ColumnDefinition[] = columns.map(col => {