Revamping cutover page based on new mockups (#16547)

* WIP

* Fixing some table issues

* updating package.json

* Fixing readable time

* fixing display string

* Handling null case in get12hourtime util method
This commit is contained in:
Aasim Khan
2021-08-04 16:21:01 -07:00
committed by GitHub
parent cf97ced7f1
commit 3d7edd2d6a
11 changed files with 312 additions and 26 deletions

View File

@@ -344,7 +344,10 @@ export class MigrationCutoverDialog {
this._refreshLoader = this._view.modelBuilder.loadingComponent().withProps({
loading: false,
height: '15px'
CSSStyles: {
'height': '8px',
'margin-top': '4px'
}
}).component();
headerActions.addItem(this._refreshLoader, {
@@ -549,7 +552,7 @@ export class MigrationCutoverDialog {
this.showInfoField(this._fullBackupFileOnInfoField);
let backupLocation;
const isBlobMigration = this._isBlobMigration();
const isBlobMigration = this._model.isBlobMigration();
// Displaying storage accounts and blob container for azure blob backups.
if (isBlobMigration) {
backupLocation = `${this._model._migration.migrationContext.properties.backupConfiguration.sourceLocation?.azureBlob?.storageAccountResourceId.split('/').pop()} - ${this._model._migration.migrationContext.properties.backupConfiguration.sourceLocation?.azureBlob?.blobContainerName}`;
@@ -704,12 +707,8 @@ export class MigrationCutoverDialog {
return migrationMode === MigrationMode.ONLINE;
}
private _isBlobMigration(): boolean {
return this._model._migration.migrationContext.properties.backupConfiguration.sourceLocation?.azureBlob !== undefined;
}
private _shouldDisplayBackupFileTable(): boolean {
return this._isProvisioned() && this._isOnlineMigration() && !this._isBlobMigration();
return this._isProvisioned() && this._isOnlineMigration() && !this._model.isBlobMigration();
}
private getMigrationStatus(): string {