ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-19 01:25:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

support menu column (#15754)

Browse Source 
* support menu column

* comments
This commit is contained in:
Alan Ren
2021-06-21 10:36:55 -07:00
committed by GitHub
parent 22dcf7777c
commit 0e1a8ab8ea
5 changed files with 80 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/sql/workbench/browser/modelComponents/declarativeTable.component.ts
View File

@@ -19,13 +19,18 @@ import { ILogService } from 'vs/platform/log/common/log';
import * as colorRegistry from 'vs/platform/theme/common/colorRegistry';
import { IColorTheme, IThemeService } from 'vs/platform/theme/common/themeService';
import { equals } from 'vs/base/common/objects';
import { IContextMenuService } from 'vs/platform/contextview/browser/contextView';
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
import { MenuItemAction, MenuRegistry } from 'vs/platform/actions/common/actions';
import { IAction, Separator } from 'vs/base/common/actions';
export enum DeclarativeDataType {
string = 'string',
category = 'category',
boolean = 'boolean',
editableCategory = 'editableCategory',
component = 'component'
component = 'component',
menu = 'menu'
}
@Component({
@@ -53,7 +58,9 @@ export default class DeclarativeTableComponent extends ContainerBase<any, azdata
@Inject(forwardRef(() => ChangeDetectorRef)) changeRef: ChangeDetectorRef,
@Inject(forwardRef(() => ElementRef)) el: ElementRef,
@Inject(ILogService) logService: ILogService,
@Inject(IThemeService) themeService: IThemeService
@Inject(IThemeService) themeService: IThemeService,
@Inject(IContextMenuService) private contextMenuService: IContextMenuService,
@Inject(IInstantiationService) private instantiationService: IInstantiationService
) {
super(changeRef, el, logService);
this._colorTheme = themeService.getColorTheme();
@@ -89,6 +96,10 @@ export default class DeclarativeTableComponent extends ContainerBase<any, azdata
return column.valueType === DeclarativeDataType.boolean;
}
public isContextMenuColumn(colIdx: number): boolean {
return this.columns[colIdx].valueType === DeclarativeDataType.menu;
}
public isControlEnabled(rowIdx: number, colIdx: number): boolean {
const cellData = this.data[rowIdx][colIdx];
const column: azdata.DeclarativeTableColumn = this.columns[colIdx];
@@ -346,6 +357,41 @@ export default class DeclarativeTableComponent extends ContainerBase<any, azdata
}
}
public get contextMenuButtonTitle(): string {
return localize('declarativeTable.showActions', "Show Actions");
}
public onContextMenuRequested(event: MouseEvent, row: number, column: number) {
const cellValue = this.data[row][column].value as azdata.DeclarativeTableMenuCellValue;
const actions: IAction[] = [];
let addSeparator = false;
for (const [index, command] of cellValue.commands.entries()) {
const isCommand = typeof command === 'string';
if (addSeparator || (!isCommand && index !== 0)) {
actions.push(new Separator());
}
if (typeof command === 'string') {
addSeparator = false;
actions.push(this.createMenuItem(command));
} else {
addSeparator = true;
actions.push(...command.map(cmd => {
return this.createMenuItem(cmd);
}));
}
}
this.contextMenuService.showContextMenu({
getAnchor: () => event.currentTarget as HTMLElement,
getActions: () => actions,
getActionsContext: () => cellValue.context
});
}
private createMenuItem(commandId: string): MenuItemAction {
const command = MenuRegistry.getCommand(commandId);
return this.instantiationService.createInstance(MenuItemAction, command, undefined, { shouldForwardArgs: true });
}
public onKey(e: KeyboardEvent, row: number) {
// Ignore the bubble up events
if (e.target !== e.currentTarget) {