mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-14 17:22:20 -05:00
b2c70e9301
This is an initial PR for a new model-driven UI where extensions can provide definitions of the components & how they're laid out using Containers. #1140, #1141, #1142, #1143 and #1144 are all tracking additional work needed to improve the initial implementation and fix some issues with the implementation. Features: - Supports defining a FlexContainer that maps to a flexbox-based layout. - Supports creating a card component, which is a key-value pair based control that will lay out simple information to a user. Eventually this will have an optional set of actions associated with it. - Has a sample project which shows how to use the API and was used for verification
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
'use strict';
|
|
|
|
import { MainThreadDashboardWebviewShape, SqlMainContext, ExtHostDashboardWebviewsShape, SqlExtHostContext } from 'sql/workbench/api/node/sqlExtHost.protocol';
|
|
import { extHostNamedCustomer } from 'vs/workbench/api/electron-browser/extHostCustomers';
|
|
import { IExtHostContext } from 'vs/workbench/api/node/extHost.protocol';
|
|
import { IDashboardViewService, IDashboardWebview } from 'sql/services/dashboard/common/dashboardViewService';
|
|
|
|
@extHostNamedCustomer(SqlMainContext.MainThreadDashboardWebview)
|
|
export class MainThreadDashboardWebview implements MainThreadDashboardWebviewShape {
|
|
|
|
private static _handlePool = 0;
|
|
private readonly _proxy: ExtHostDashboardWebviewsShape;
|
|
private readonly _dialogs = new Map<number, IDashboardWebview>();
|
|
|
|
private knownWidgets = new Array<string>();
|
|
|
|
constructor(
|
|
context: IExtHostContext,
|
|
@IDashboardViewService viewService: IDashboardViewService
|
|
) {
|
|
this._proxy = context.getProxy(SqlExtHostContext.ExtHostDashboardWebviews);
|
|
viewService.onRegisteredWebview(e => {
|
|
if (this.knownWidgets.includes(e.id)) {
|
|
let handle = MainThreadDashboardWebview._handlePool++;
|
|
this._dialogs.set(handle, e);
|
|
this._proxy.$registerWidget(handle, e.id, e.connection, e.serverInfo);
|
|
e.onMessage(e => {
|
|
this._proxy.$onMessage(handle, e);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
public dispose(): void {
|
|
throw new Error('Method not implemented.');
|
|
}
|
|
|
|
$sendMessage(handle: number, message: string) {
|
|
this._dialogs.get(handle).sendMessage(message);
|
|
}
|
|
|
|
$setHtml(handle: number, value: string) {
|
|
this._dialogs.get(handle).setHtml(value);
|
|
}
|
|
|
|
$registerProvider(widgetId: string) {
|
|
this.knownWidgets.push(widgetId);
|
|
}
|
|
}
|