table designer improvements (#18206)

* new table experience

* new table info for existing table

* allow delete confirmation

* fix editor lock isue

* vbump sts

* PR feedback
This commit is contained in:
Alan Ren
2022-02-02 18:46:09 -08:00
committed by GitHub
parent c35eae5969
commit c535c2dbde
14 changed files with 164 additions and 111 deletions

View File

@@ -16,7 +16,7 @@ import { ITelemetryService } from 'vs/platform/telemetry/common/telemetry';
import { EditorPane } from 'vs/workbench/browser/parts/editor/editorPane';
import { IEditorOpenContext } from 'vs/workbench/common/editor';
import { IWorkbenchThemeService } from 'vs/workbench/services/themes/common/workbenchThemeService';
import { GenerateTableChangeScriptAction, PublishTableChangesAction } from 'sql/workbench/contrib/tableDesigner/browser/actions';
import { PublishTableChangesAction } from 'sql/workbench/contrib/tableDesigner/browser/actions';
import { IInstantiationService } from 'vs/platform/instantiation/common/instantiation';
import { IColorTheme, ICssStyleCollector, registerThemingParticipant } from 'vs/platform/theme/common/themeService';
import { DesignerPaneSeparator } from 'sql/platform/theme/common/colorRegistry';
@@ -26,7 +26,6 @@ export class TableDesignerEditor extends EditorPane {
private _designer: Designer;
private _publishChangesAction: PublishTableChangesAction;
private _generateScriptAction: GenerateTableChangeScriptAction;
constructor(
@ITelemetryService telemetryService: ITelemetryService,
@@ -46,7 +45,6 @@ export class TableDesignerEditor extends EditorPane {
const designerInput = input.getComponentInput();
this._designer.setInput(designerInput);
this._publishChangesAction.setContext(designerInput);
this._generateScriptAction.setContext(designerInput);
}
protected createEditor(parent: HTMLElement): void {
@@ -58,9 +56,7 @@ export class TableDesignerEditor extends EditorPane {
this._register(actionbar);
this._publishChangesAction = this._instantiationService.createInstance(PublishTableChangesAction);
this._publishChangesAction.enabled = false;
this._generateScriptAction = this._instantiationService.createInstance(GenerateTableChangeScriptAction);
this._generateScriptAction.enabled = false;
actionbar.push([this._publishChangesAction, this._generateScriptAction], { icon: true, label: false });
actionbar.push([this._publishChangesAction], { icon: true, label: false });
this._designer = this._instantiationService.createInstance(Designer, designerContainer);
this._register(attachDesignerStyler(this._designer, this.themeService));