ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Updated Backup File Table Styling Similar to Migration Status Dailog (#16931)

Browse Source 
* updated backup file table styling similar to migration status dailog

* alignining back up table with header

* fixing changes
This commit is contained in:
stuti149
2021-09-04 09:14:11 +05:30
committed by GitHub
parent 1e9cf0b9e4
commit e962d63fa4
1 changed files with 68 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
extensions/sql-migration/src/dialog/migrationCutover/migrationCutoverDialog.ts
View File

@@ -43,7 +43,7 @@ export class MigrationCutoverDialog {
private _lastAppliedBackupTakenOnInfoField!: InfoFieldSchema; private _lastAppliedBackupTakenOnInfoField!: InfoFieldSchema;
private _fileCount!: azdata.TextComponent; private _fileCount!: azdata.TextComponent;
private _fileTable!: azdata.TableComponent; private _fileTable!: azdata.DeclarativeTableComponent;
private _autoRefreshHandle!: any; private _autoRefreshHandle!: any;
private _disposables: vscode.Disposable[] = []; private _disposables: vscode.Disposable[] = [];
private _emptyTableFill!: azdata.FlexContainer; private _emptyTableFill!: azdata.FlexContainer;
@@ -71,56 +71,97 @@ export class MigrationCutoverDialog {
} }
}).component(); }).component();
this._fileTable = view.modelBuilder.table().withProps({ const rowCssStyle: azdata.CssStyles = {
'border': 'none',
'text-align': 'left',
'border-bottom': '1px solid',
'font-size': '12px'
};
const headerCssStyles: azdata.CssStyles = {
'border': 'none',
'text-align': 'left',
'border-bottom': '1px solid',
'font-weight': 'bold',
'padding-left': '0px',
'padding-right': '0px',
'font-size': '12px'
};
this._fileTable = view.modelBuilder.declarativeTable().withProps({
ariaLabel: loc.ACTIVE_BACKUP_FILES, ariaLabel: loc.ACTIVE_BACKUP_FILES,
columns: [ columns: [
{ {
value: loc.ACTIVE_BACKUP_FILES, displayName: loc.ACTIVE_BACKUP_FILES,
width: 230, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text, width: '230px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.TYPE, displayName: loc.TYPE,
width: 90, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '90px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.STATUS, displayName: loc.STATUS,
width: 60, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '60px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.DATA_UPLOADED, displayName: loc.DATA_UPLOADED,
width: 120, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.COPY_THROUGHPUT, displayName: loc.COPY_THROUGHPUT,
width: 150, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '150px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.BACKUP_START_TIME, displayName: loc.BACKUP_START_TIME,
width: 130, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '130px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.FIRST_LSN, displayName: loc.FIRST_LSN,
width: 120, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}, },
{ {
value: loc.LAST_LSN, displayName: loc.LAST_LSN,
width: 120, valueType: azdata.DeclarativeDataType.string,
type: azdata.ColumnType.text width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
} }
], ],
data: [], data: [],
width: '1100px', width: '1100px',
height: '300px', height: '300px',
fontSize: '12px',
CSSStyles: { CSSStyles: {
'display': 'none', 'display': 'none',
'padding-left': '0px'
} }
}).component(); }).component();