Update publish project dialog to look closer to the mockups (#11875)

* initial changes

* got everything lined up

* get rid of bottom scrollbar

* change database textbox to dropdown and cleanup

* more cleanup and fix profile text box

* fix label

* add fireOnTextChange to editable dropdown

* change edit icon and enable input boxes
This commit is contained in:
Kim Santiago
2020-08-21 18:17:42 -07:00
committed by GitHub
parent 1eb2e5f41a
commit 9133bef329
8 changed files with 142 additions and 76 deletions

View File

@@ -63,26 +63,26 @@ export function deleteConfirmationContents(toDelete: string) { return localize('
// Publish dialog strings
export const publishDialogName = localize('publishDialogName', "Publish Database");
export const publishDialogName = localize('publishDialogName', "Publish project");
export const publishDialogOkButtonText = localize('publishDialogOkButtonText', "Publish");
export const cancelButtonText = localize('cancelButtonText', "Cancel");
export const generateScriptButtonText = localize('generateScriptButtonText', "Generate Script");
export const targetDatabaseSettings = localize('targetDatabaseSettings', "Target Database Settings");
export const databaseNameLabel = localize('databaseNameLabel', "Database");
export const targetConnectionLabel = localize('targetConnectionLabel', "Target Connection");
export const editConnectionButtonText = localize('editConnectionButtonText', "Edit");
export const clearButtonText = localize('clearButtonText', "Clear");
export const targetConnectionLabel = localize('targetConnectionLabel', "Connection");
export const dataSourceRadioButtonLabel = localize('dataSourceRadioButtonLabel', "Data sources");
export const connectionRadioButtonLabel = localize('connectionRadioButtonLabel', "Connections");
export const selectConnectionRadioButtonsTitle = localize('selectconnectionRadioButtonsTitle', "Specify connection from:");
export const dataSourceDropdownTitle = localize('dataSourceDropdownTitle', "Data source");
export const noDataSourcesText = localize('noDataSourcesText', "No data sources in this project");
export const loadProfileButtonText = localize('loadProfileButtonText', "Load Profile...");
export const loadProfilePlaceholderText = localize('loadProfilePlaceholderText', "Load profile...");
export const profileReadError = localize('profileReadError', "Could not load the profile file.");
export const sqlCmdTableLabel = localize('sqlCmdTableLabel', "SQLCMD Variables");
export const sqlCmdVariableColumn = localize('sqlCmdVariableColumn', "Name");
export const sqlCmdValueColumn = localize('sqlCmdValueColumn', "Value");
export const loadSqlCmdVarsButtonTitle = localize('reloadValuesFromProjectButtonTitle', "Reload values from project");
export const profile = localize('profile', "Profile");
export const selectConnection = localize('selectConnection', "Select connection");
export const connection = localize('connection', "Connection");
// Error messages
@@ -222,3 +222,6 @@ export enum DatabaseProjectItemType {
dataSourceRoot = 'databaseProject.itemType.dataSourceRoot',
dataSource = 'databaseProject.itemType.dataSource'
}
// System dbs
export const systemDbs = ['master', 'msdb', 'tempdb', 'model'];

View File

@@ -21,6 +21,8 @@ export class IconPathHelper {
public static referenceDatabase: IconPath;
public static refresh: IconPath;
public static folder: IconPath;
public static edit: IconPath;
public static setExtensionContext(extensionContext: vscode.ExtensionContext) {
IconPathHelper.extensionContext = extensionContext;
@@ -34,6 +36,8 @@ export class IconPathHelper {
IconPathHelper.referenceDatabase = IconPathHelper.makeIcon('reference-database');
IconPathHelper.refresh = IconPathHelper.makeIcon('refresh');
IconPathHelper.folder = IconPathHelper.makeIcon('folder');
IconPathHelper.edit = IconPathHelper.makeIcon('edit');
}
private static makeIcon(name: string) {

View File

@@ -9,4 +9,6 @@ export namespace cssStyles {
export const tableHeader = { ...text, 'text-align': 'left', 'border': 'none', 'font-size': '12px', 'font-weight': 'normal', 'color': '#666666' };
export const tableRow = { ...text, 'border-top': 'solid 1px #ccc', 'border-bottom': 'solid 1px #ccc', 'border-left': 'none', 'border-right': 'none', 'font-size': '12px' };
export const titleFontSize = 13;
export const publishDialogLabelWidth = '205px';
export const publishDialogTextboxWidth = '190px';
}