ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-16 17:22:29 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix webview component css and add webview example (#1517)

Browse Source
This commit is contained in:
Abbie Petchtes
2018-05-30 13:48:08 -07:00
committed by GitHub
parent f5b1bd0bc2
commit 1a97e3de06
5 changed files with 463 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
samples/sqlservices/src/controllers/mainController.ts
View File

@@ -56,6 +56,10 @@ export default class MainController implements vscode.Disposable {
this.openEditorWithWebview(buttonHtml, counterHtml);
});
vscode.commands.registerCommand('sqlservices.openEditorWithWebView2', () => {
this.openEditorWithWebview2();
});
return Promise.resolve(true);
}
@@ -219,7 +223,7 @@ export default class MainController implements vscode.Disposable {
}
private openEditorWithWebview(html1: string, html2: string): void {
let editor = sqlops.workspace.createModelViewEditor('Editor view1', { retainContextWhenHidden: true });
let editor = sqlops.workspace.createModelViewEditor('Editor webview', { retainContextWhenHidden: true });
editor.registerContent(async view => {
let count = 0;
let webview1 = view.modelBuilder.webView()
@@ -251,6 +255,34 @@ export default class MainController implements vscode.Disposable {
editor.openEditor();
}
private openEditorWithWebview2(): void {
let editor = sqlops.workspace.createModelViewEditor('Editor webview2', { retainContextWhenHidden: true });
editor.registerContent(async view => {
let webview = view.modelBuilder.webView()
.component();
let flexModel = view.modelBuilder.flexContainer()
.withLayout({
flexFlow: 'column',
alignItems: 'stretch',
height: '100%'
}).withItems([
webview
], { flex: '1 1 50%' })
.component();
let templateValues = {url: 'http://whoisactive.com/docs/'};
Utils.renderTemplateHtml(path.join(__dirname, '..'), 'templateTab.html', templateValues)
.then(html => {
webview.html = html;
});
await view.initializeModel(flexModel);
});
editor.openEditor();
}
private registerSqlServicesModelView(): void {
sqlops.ui.registerModelViewProvider('sqlservices', async (view) => {
let flexModel = view.modelBuilder.flexContainer()