ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-18 09:35:39 -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 _fileCount!: azdata.TextComponent;
private _fileTable!: azdata.TableComponent;
private _fileTable!: azdata.DeclarativeTableComponent;
private _autoRefreshHandle!: any;
private _disposables: vscode.Disposable[] = [];
private _emptyTableFill!: azdata.FlexContainer;
@@ -71,56 +71,97 @@ export class MigrationCutoverDialog {
}
}).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,
columns: [
{
value: loc.ACTIVE_BACKUP_FILES,
width: 230,
type: azdata.ColumnType.text,
displayName: loc.ACTIVE_BACKUP_FILES,
valueType: azdata.DeclarativeDataType.string,
width: '230px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.TYPE,
width: 90,
type: azdata.ColumnType.text
displayName: loc.TYPE,
valueType: azdata.DeclarativeDataType.string,
width: '90px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.STATUS,
width: 60,
type: azdata.ColumnType.text
displayName: loc.STATUS,
valueType: azdata.DeclarativeDataType.string,
width: '60px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.DATA_UPLOADED,
width: 120,
type: azdata.ColumnType.text
displayName: loc.DATA_UPLOADED,
valueType: azdata.DeclarativeDataType.string,
width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.COPY_THROUGHPUT,
width: 150,
type: azdata.ColumnType.text
displayName: loc.COPY_THROUGHPUT,
valueType: azdata.DeclarativeDataType.string,
width: '150px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.BACKUP_START_TIME,
width: 130,
type: azdata.ColumnType.text
displayName: loc.BACKUP_START_TIME,
valueType: azdata.DeclarativeDataType.string,
width: '130px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.FIRST_LSN,
width: 120,
type: azdata.ColumnType.text
displayName: loc.FIRST_LSN,
valueType: azdata.DeclarativeDataType.string,
width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
},
{
value: loc.LAST_LSN,
width: 120,
type: azdata.ColumnType.text
displayName: loc.LAST_LSN,
valueType: azdata.DeclarativeDataType.string,
width: '120px',
isReadOnly: true,
rowCssStyles: rowCssStyle,
headerCssStyles: headerCssStyles
}
],
data: [],
width: '1100px',
height: '300px',
fontSize: '12px',
CSSStyles: {
'display': 'none',
'padding-left': '0px'
}
}).component();