Schema compare Icon and other fixes (#6009)

* Changes to 1. Enable Icon for Schema Compare model view editor 2. Set context setting in editable drop down 3. Fix a console error * new icons * Changes as per PR comments * Adding PR comments * Fixing a spelling mistake
2026-02-16 10:58:30 -05:00 · 2019-06-14 13:28:46 -07:00
parent 363af2a85c
commit f494c7af4e
12 changed files with 109 additions and 24 deletions
--- a/extensions/schema-compare/package.json
+++ b/extensions/schema-compare/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "schema-compare",
-	"displayName": "SQL Server Schema Compare",
-	"description": "SQL Server Schema Compare for Azure Data Studio supports comparing the schemas of databases and dacpacs.",
+	"displayName": "%displayName%",
+	"description": "%description%",
 	"version": "0.3.0",
 	"publisher": "Microsoft",
 	"preview": true,
@@ -27,13 +27,27 @@
 		"commands": [
 			{
 				"command": "schemaCompare.start",
-				"title": "Schema Compare",
+				"title": "%schemaCompare.start%",
 				"icon": {
 					"light": "./images/light_icon.svg",
 					"dark": "./images/dark_icon.svg"
 				}
 			}
 		],
+		"languages": [
+			{
+				"id": "scmp",
+				"filenames": [
+					"Schema Compare"
+				],
+				"extensions": [
+					".scmp"
+				],
+				"aliases": [
+					"scmp"
+				]
+			}
+		],
 		"menus": {
 			"objectExplorer/item/context": [
 				{
--- a/extensions/schema-compare/package.nls.json
+++ b/extensions/schema-compare/package.nls.json
@@ -0,0 +1,5 @@
+{
+	"displayName": "SQL Server Schema Compare",
+	"description": "SQL Server Schema Compare for Azure Data Studio supports comparing the schemas of databases and dacpacs.",
+	"schemaCompare.start": "Schema Compare"
+}
--- a/extensions/schema-compare/src/dialogs/schemaCompareDialog.ts
+++ b/extensions/schema-compare/src/dialogs/schemaCompareDialog.ts
@@ -421,7 +421,8 @@ export class SchemaCompareDialog {
 		this.sourceServerDropdown.onValueChanged(async (value) => {
 			if (this.sourceServerDropdown.values.findIndex(x => this.matchesValue(x, value)) === -1) {
 				this.sourceDatabaseDropdown.updateProperties({
-					values: []
+					values: [],
+					value: '  '
 				});
 			}
 			else {
@@ -445,7 +446,8 @@ export class SchemaCompareDialog {
 		this.targetServerDropdown.onValueChanged(async (value) => {
 			if (this.targetServerDropdown.values.findIndex(x => this.matchesValue(x, value)) === -1) {
 				this.targetDatabaseDropdown.updateProperties({
-					values: []
+					values: [],
+					value: '  '
 				});
 			}
 			else {
@@ -463,9 +465,12 @@ export class SchemaCompareDialog {
 		let currentDropdown = isTarget ? this.targetServerDropdown : this.sourceServerDropdown;
 		let values = await this.getServerValues();

-		currentDropdown.updateProperties({
-			values: values
-		});
+		if (values && values.length > 0) {
+			currentDropdown.updateProperties({
+				values: values,
+				value: values[0]
+			});
+		}
 	}

 	protected async getServerValues(): Promise<{ connection: azdata.connection.Connection, displayName: string, name: string }[]> {
@@ -562,12 +567,15 @@ export class SchemaCompareDialog {

 	protected async populateDatabaseDropdown(connectionId: string, isTarget: boolean): Promise<void> {
 		let currentDropdown = isTarget ? this.targetDatabaseDropdown : this.sourceDatabaseDropdown;
-		currentDropdown.updateProperties({ values: [] });
+		currentDropdown.updateProperties({ values: [], value: null });

 		let values = await this.getDatabaseValues(connectionId);
-		currentDropdown.updateProperties({
-			values: values
-		});
+		if (values && values.length > 0) {
+			currentDropdown.updateProperties({
+				values: values,
+				value: values[0],
+			});
+		}
 	}

 	protected async getDatabaseValues(connectionId: string): Promise<{ displayName, name }[]> {
--- a/extensions/schema-compare/src/schemaCompareResult.ts
+++ b/extensions/schema-compare/src/schemaCompareResult.ts
@@ -19,6 +19,10 @@ const generateScriptEnabledMessage = localize('schemaCompare.generateScriptEnabl
 const generateScriptNoChangesMessage = localize('schemaCompare.generateScriptNoChanges', 'No changes to script');
 const applyEnabledMessage = localize('schemaCompare.applyButtonEnabledTitle', 'Apply changes to target');
 const applyNoChangesMessage = localize('schemaCompare.applyNoChanges', 'No changes to apply');
+// Do not localize this, this is used to decide the icon for the editor.
+// TODO : In future icon should be decided based on language id (scmp) and not resource name
+const schemaCompareResourceName = 'Schema Compare';
+

 export class SchemaCompareResult {
 	private differencesTable: azdata.TableComponent;
@@ -53,7 +57,7 @@ export class SchemaCompareResult {
 		this.SchemaCompareActionMap[azdata.SchemaUpdateAction.Change] = localize('schemaCompare.changeAction', 'Change');
 		this.SchemaCompareActionMap[azdata.SchemaUpdateAction.Add] = localize('schemaCompare.addAction', 'Add');

-		this.editor = azdata.workspace.createModelViewEditor(localize('schemaCompare.Title', 'Schema Compare'), { retainContextWhenHidden: true, supportsSave: true });
+		this.editor = azdata.workspace.createModelViewEditor(localize('schemaCompare.Title', 'Schema Compare'), { retainContextWhenHidden: true, supportsSave: true, resourceName: schemaCompareResourceName });
 		this.GetDefaultDeploymentOptions();

 		this.editor.registerContent(async view => {
@@ -178,10 +182,15 @@ export class SchemaCompareResult {
 	}

 	// only for test
-	public getComparisionResult(): azdata.SchemaCompareResult {
+	public getComparisonResult(): azdata.SchemaCompareResult {
 		return this.comparisonResult;
 	}

+	// only for test
+	public getDeploymentOptions(): azdata.DeploymentOptions {
+		return this.deploymentOptions;
+	}
+
 	public async execute(): Promise<void> {
 		if (this.schemaCompareOptionDialog && this.schemaCompareOptionDialog.deploymentOptions) {
 			// take updates if any
--- a/extensions/schema-compare/src/test/schemaCompare.test.ts
+++ b/extensions/schema-compare/src/test/schemaCompare.test.ts
@@ -69,10 +69,10 @@ describe('SchemaCompareResult.start', function(): void {
 		await promise;
 		await result.start();

-		should(result.getComparisionResult() === undefined);
+		should(result.getComparisonResult() === undefined);
 		await result.execute();

-		should(result.getComparisionResult() !== undefined);
-		should(result.getComparisionResult().operationId !== undefined);
+		should(result.getComparisonResult() !== undefined);
+		should(result.getComparisonResult().operationId !== undefined);
 	});
 });
--- a/extensions/theme-seti/icons/images/scmp.svg
+++ b/extensions/theme-seti/icons/images/scmp.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+<title>SchemaCompare</title>
+<path d="M4.227,11.023l-.7.7L4.8,13H3.5A1.494,1.494,0,0,1,2,11.5V9H1v2.5a2.454,2.454,0,0,0,.2.973,2.487,2.487,0,0,0,1.332,1.332A2.454,2.454,0,0,0,3.5,14H4.8L3.523,15.273l.7.7L6.711,13.5Z"/>
+<path d="M12,6V0H4V10H8v6h8V6ZM5,9V1h6V6H8V9Zm10,6H9V7h6Z"/>
+</svg>
--- a/extensions/theme-seti/icons/images/scmp_inverse.svg
+++ b/extensions/theme-seti/icons/images/scmp_inverse.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<title>SchemaCompare</title>
+<path class="st0" d="M4.2,11l-0.7,0.7L4.8,13H3.5C2.7,13,2,12.3,2,11.5c0,0,0,0,0,0V9H1v2.5c0,0.3,0.1,0.7,0.2,1
+	c0.3,0.6,0.7,1.1,1.3,1.3c0.3,0.1,0.6,0.2,1,0.2h1.3l-1.3,1.3L4.2,16l2.5-2.5L4.2,11z"/>
+<path class="st0" d="M12,6V0H4v10h4v6h8V6H12z M5,9V1h6v5H8v3H5z M15,15H9V7h6V15z"/>
+</svg>
--- a/extensions/theme-seti/icons/vs-seti-icon-theme.json
+++ b/extensions/theme-seti/icons/vs-seti-icon-theme.json
@@ -1247,6 +1247,12 @@
 		},
 		"notebook_dark": {
 			"iconPath": "./images/notebook_inverse.svg"
+		},
+		"scmp": {
+			"iconPath": "./images/scmp.svg"
+		},
+		"scmp_dark": {
+			"iconPath": "./images/scmp_inverse.svg"
 		}
 	},
 	"file": "_default",
@@ -1431,7 +1437,8 @@
 		"cert": "_lock",
 		"ds_store": "_ignored",
 		// {{SQL CARBON EDIT}}
-		"ipynb": "notebook_dark"
+		"ipynb": "notebook_dark",
+		"scmp": "scmp_dark"
 	},
 	"fileNames": {
 		"mix": "_hex",
@@ -1480,7 +1487,8 @@
 		"todo": "_todo",
 		"npm-debug.log": "_npm_ignored",
 		"dashboard": "_shell",
-		"profiler": "_csv"
+		"profiler": "_csv",
+		"Schema Compare": "scmp_dark",
 	},
 	"languageIds": {
 		"bat": "_windows",
@@ -1542,7 +1550,8 @@
 		"vala": "_vala",
 		"todo": "_todo",
 		// {{SQL CARBON EDIT}}
-		"notebook": "notebook_dark"
+		"notebook": "notebook_dark",
+		"scmp": "scmp_dark"
 	},
 	"light": {
 		"file": "_default_light",
@@ -1727,7 +1736,8 @@
 			"cert": "_lock_light",
 			"ds_store": "_ignored_light",
 			// {{SQL CARBON EDIT}}
-			"ipynb": "notebook"
+			"ipynb": "notebook",
+			"scmp": "scmp"
 		},
 		"languageIds": {
 			"bat": "_windows_light",
@@ -1788,7 +1798,8 @@
 			"stylus": "_stylus_light",
 			"vala": "_vala_light",
 			// {{SQL CARBON EDIT}}
-			"notebook": "notebook"
+			"notebook": "notebook",
+			"scmp": "scmp"
 		},
 		"fileNames": {
 			"mix": "_hex_light",
@@ -1836,7 +1847,8 @@
 			"procfile": "_heroku_light",
 			"npm-debug.log": "_npm_ignored_light",
 			"dashboard": "_shell_light",
-			"profiler": "_csv_light"
+			"profiler": "_csv_light",
+			"Schema Compare": "scmp"
 		}
 	},
 	"version": "https://github.com/jesseweed/seti-ui/commit/89175d7f9e0c70cd325b80a18a3c77fc8eb7c798"