aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src
diff options
context:
space:
mode:
Diffstat (limited to 'cds-ui/designer-client/src')
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts10
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/packages.module.ts32
2 files changed, 38 insertions, 4 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
index c69bf1b5f..7ab8ad7bc 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
@@ -120,7 +120,10 @@ export class ConfigurationDashboardComponent extends ComponentCanDeactivate impl
this.downloadCBAPackage(bluePrintDetailModels);
this.packageCreationStore.clear();
}
- }, err => { },
+ this.ngxService.stop();
+ }, err => {
+ this.ngxService.stop();
+ },
() => {
// this.ngxService.stop();
});
@@ -132,7 +135,10 @@ export class ConfigurationDashboardComponent extends ComponentCanDeactivate impl
const blob = new Blob([response], { type: 'application/octet-stream' });
this.currentBlob = blob;
this.packageCreationExtractionService.extractBlobToStore(blob);
- }, err => { },
+ }, err => {
+ console.log(err);
+ this.ngxService.stop();
+ },
() => {
this.ngxService.stop();
});
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages.module.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages.module.ts
index e231ebeb5..0a433646d 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages.module.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages.module.ts
@@ -37,7 +37,7 @@ import { FunctionsAttributeComponent } from './designer/functions-attribute/func
import { ActionAttributesComponent } from './designer/action-attributes/action-attributes.component';
import { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule, MatSortModule, MatTableModule } from '@angular/material';
import { TopologyTemplateComponent } from './package-creation/topology-template/topology-template.component';
-import {CollapseModule} from 'ngx-bootstrap/collapse';
+import { CollapseModule } from 'ngx-bootstrap/collapse';
@NgModule({
declarations: [PackagesDashboardComponent,
@@ -77,7 +77,35 @@ import {CollapseModule} from 'ngx-bootstrap/collapse';
AceEditorModule,
DataTablesModule,
// Import NgxUiLoaderModule
- NgxUiLoaderModule,
+ NgxUiLoaderModule.forRoot({
+ bgsColor: 'red',
+ bgsOpacity: 0.5,
+ bgsPosition: 'bottom-right',
+ bgsSize: 60,
+ bgsType: 'ball-spin-clockwise',
+ blur: 5,
+ delay: 0,
+ fgsColor: '#63bdba',
+ fgsPosition: 'center-center',
+ fgsSize: 60,
+ fgsType: 'rectangle-bounce',
+ gap: 24,
+ logoPosition: 'center-center',
+ logoSize: 120,
+ logoUrl: 'assets/img/logo-icon.svg',
+ masterLoaderId: 'master',
+ overlayBorderRadius: '0',
+ overlayColor: 'rgba(40, 40, 40, 0.8)',
+ pbColor: 'red',
+ pbDirection: 'ltr',
+ pbThickness: 3,
+ hasProgressBar: true,
+ text: '',
+ textColor: '#FFFFFF',
+ textPosition: 'center-center',
+ maxTime: -1,
+ minTime: 300
+ }),
TourMatMenuModule.forRoot(),
MatInputModule,
MatTableModule,