Dashboard/book widget (#6447)

* initial commit: new modelview widget that shows books

* moved the new command action to notebook contribution and addressed the comments

* localize changes

* removed changes from src/vs file and string changes

* make directory for each contribution

* typo fix

extensions/mssql/package.json

@@ -417,7 +417,7 @@
             {
               "name": "%title.endpoints%",
               "row": 0,
-              "col": 2,
+              "col": 4,
               "rowspan": 1.5,
               "colspan": 2,
               "widget": {
@@ -425,6 +425,17 @@
                   "id": "bdc-endpoints"
                 }
               }
+            },
+            {
+              "name": "%title.books%",
+              "row": 0,
+              "col": 2,
+              "colspan": 1,
+              "widget": {
+                "modelview": {
+                  "id": "books-widget"
+                }
+              }
             }
           ]
         }
@@ -932,4 +943,4 @@
       ]
     }
   }
-}
+}

extensions/mssql/package.nls.json

@@ -31,6 +31,7 @@
 	"title.clearSearchServerResult": "Search: Clear Search Server Results",
 
 	"title.endpoints": "Service Endpoints",
+	"title.books": "Notebooks",
 
 	"mssql.configuration.title": "MSSQL configuration",
 	"mssql.query.displayBitAsNumber": "Should BIT columns be displayed as numbers (1 or 0)? If false, BIT columns will be displayed as 'true' or 'false'",

extensions/mssql/src/dashboard/bookWidget.ts

@@ -0,0 +1,128 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import * as vscode from 'vscode';
+import * as azdata from 'azdata';
+import * as nls from 'vscode-nls';
+import * as fs from 'fs-extra';
+import * as path from 'path';
+import {
+	BookContributionProvider, BookContribution
+} from './bookExtensions';
+import * as Utils from '../utils';
+
+const localize = nls.loadMessageBundle();
+
+export function registerBooksWidget(bookContributionProvider: BookContributionProvider): void {
+	azdata.ui.registerModelViewProvider('books-widget', async (view) => {
+		const container = view.modelBuilder.flexContainer().withLayout({
+			flexFlow: 'column',
+			width: '100%',
+			height: '100%',
+			alignItems: 'left'
+		}).component();
+		const bookslocationContainer = view.modelBuilder.flexContainer().withLayout({
+			flexFlow: 'column',
+			width: '270px',
+			height: '100%',
+			alignItems: 'left',
+			position: 'absolute'
+		}).component();
+
+		let books = bookContributionProvider.contributions.map(contribution => {
+			const bookRow = view.modelBuilder.flexContainer().withLayout({
+				flexFlow: 'row'
+			}).component();
+			const tsgbooklink = view.modelBuilder.button().withProperties<azdata.ButtonProperties>({
+				label: contribution.name,
+				title: contribution.name
+			}).component();
+			tsgbooklink.onDidClick(() => {
+				promptForFolder(contribution);
+			});
+			bookRow.addItem(tsgbooklink, {
+				CSSStyles: {
+					'width': '100%',
+					'color': '#0078d4',
+					'text-decoration': 'underline',
+					'padding-top': '10px',
+					'text-align': 'left'
+				}
+			});
+			return bookRow;
+		});
+
+
+		container.addItems(books, {
+			CSSStyles: {
+				'padding-left': '10px',
+				'border-top': 'solid 1px #ccc',
+				'box-sizing': 'border-box',
+				'user-select': 'text'
+			}
+		});
+		bookslocationContainer.addItem(container, {
+			CSSStyles: {
+				'padding-top': '25px',
+				'padding-left': '5px'
+			}
+		});
+		await view.initializeModel(bookslocationContainer);
+	});
+}
+
+async function promptForFolder(bookContribution: BookContribution): Promise<void> {
+	try {
+		const allFilesFilter = localize('allFiles', "All Files");
+		let filter = {};
+		filter[allFilesFilter] = '*';
+		let uris = await vscode.window.showOpenDialog({
+			filters: filter,
+			canSelectFiles: false,
+			canSelectMany: false,
+			canSelectFolders: true,
+			openLabel: localize('labelPickFolder', "Pick Folder")
+		});
+		if (uris && uris.length > 0) {
+			let pickedFolder = uris[0];
+			await saveBooksToFolder(pickedFolder, bookContribution);
+			await promptToReloadWindow(pickedFolder);
+		}
+		return;
+	} catch (error) {
+		vscode.window.showErrorMessage(localize('FailedDuringSaveAndPrompt', 'Failed : {0}', Utils.getErrorMessage(error)));
+	}
+}
+
+async function saveBooksToFolder(folderUri: vscode.Uri, bookContribution: BookContribution): Promise<void> {
+	// Get book contributions
+	if (bookContribution && folderUri) {
+		//remove folder if exists
+		await fs.removeSync(path.join(folderUri.path, bookContribution.name));
+		//copy them from the books extension:
+		const destinationFolder = path.join(folderUri.path, bookContribution.name);
+		fs.mkdirSync(destinationFolder);
+		await fs.copy(bookContribution.path, destinationFolder);
+	}
+}
+function promptToReloadWindow(folderUri: vscode.Uri): void {
+	const actionReload = localize('prompt.reloadInstance', "Reload");
+	const actionOpenNew = localize('prompt.openNewInstance', "Open new instance");
+	vscode.window.showInformationMessage(localize('prompt.reloadDescription', "Reload and view the Jupyter Books in the Files view."), actionReload, actionOpenNew)
+		.then(selectedAction => {
+			if (selectedAction === actionReload) {
+				vscode.commands.executeCommand('workbench.action.setWorkspaceAndOpen', {
+					forceNewWindow: false,
+					folderPath: folderUri
+				});
+			}
+			if (selectedAction === actionOpenNew) {
+				vscode.commands.executeCommand('workbench.action.setWorkspaceAndOpen', {
+					forceNewWindow: true,
+					folderPath: folderUri
+				});
+			}
+		});
+}

extensions/mssql/src/main.ts

@@ -8,6 +8,7 @@ import * as azdata from 'azdata';
 import * as path from 'path';
 import * as os from 'os';
 import * as nls from 'vscode-nls';
+
 const localize = nls.loadMessageBundle();
 
 import { SqlOpsDataClient, ClientOptions } from 'dataprotocol-client';
@@ -35,6 +36,7 @@ import { registerSearchServerCommand } from './objectExplorerNodeProvider/comman
 import { MssqlIconProvider } from './iconProvider';
 import { registerServiceEndpoints } from './dashboard/serviceEndpoints';
 import { getBookExtensionContributions } from './dashboard/bookExtensions';
+import { registerBooksWidget } from './dashboard/bookWidget';
 
 const baseConfig = require('./config.json');
 const outputChannel = vscode.window.createOutputChannel(Constants.serviceName);
@@ -121,6 +123,8 @@ export async function activate(context: vscode.ExtensionContext): Promise<MssqlE
 	const bookContributionProvider = getBookExtensionContributions(context);
 	context.subscriptions.push(bookContributionProvider);
 
+	registerBooksWidget(bookContributionProvider);
+
 	let api: MssqlExtensionApi = {
 		getMssqlObjectExplorerBrowser(): MssqlObjectExplorerBrowser {
 			return {

extensions/mssql/src/objectExplorerNodeProvider/hdfsCommands.ts

@@ -69,7 +69,7 @@ export class UploadFilesCommand extends ProgressCommand {
 	async execute(context: ICommandViewContext | ICommandObjectExplorerContext, ...args: any[]): Promise<void> {
 		try {
 			let folderNode = await getNode<FolderNode>(context, this.appContext);
-			const allFilesFilter = localize('allFiles', 'All Files');
+			const allFilesFilter = localize('allFiles', "All Files");
 			let filter = {};
 			filter[allFilesFilter] = '*';
 			if (folderNode) {