From 3c957597725f306b4ca06cebfa54fbf0f2622938 Mon Sep 17 00:00:00 2001 From: Maciej Malewski Date: Wed, 27 Jan 2021 08:54:20 +0100 Subject: Add popup informing about long validation time for large pm_dictionary files. For large pm_dictionary files, validation may take up to several minutes (average ~ 17s). The popup informs the user that the system is still working properly. Issue-ID: SDC-3390 Change-Id: Ia9ef211f2cab8a557aa1631d311ed06439fb3c26 Signed-off-by: Maciej Malewski --- .../components/forms/artifacts-form/artifacts.service.ts | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'catalog-ui/src/app/ng2/components/forms') diff --git a/catalog-ui/src/app/ng2/components/forms/artifacts-form/artifacts.service.ts b/catalog-ui/src/app/ng2/components/forms/artifacts-form/artifacts.service.ts index ead85a6afa..8c5280d85c 100644 --- a/catalog-ui/src/app/ng2/components/forms/artifacts-form/artifacts.service.ts +++ b/catalog-ui/src/app/ng2/components/forms/artifacts-form/artifacts.service.ts @@ -8,6 +8,7 @@ import { TranslateService } from '../../../shared/translator/translate.service'; import { CreateOrUpdateArtifactAction, DeleteArtifactAction } from '../../../store/actions/artifacts.action'; import { EnvParamsComponent } from '../env-params/env-params.component'; import { ArtifactFormComponent } from './artifact-form.component'; +import { ModalService } from "../../../services/modal.service"; import { CreateInstanceArtifactAction, @@ -22,6 +23,7 @@ export class ArtifactsService { private modalService: SdcUiServices.ModalService, private topologyTemplateService: TopologyTemplateService, private translateService: TranslateService, + private modalAlertservice: ModalService, private store: Store) { } @@ -56,8 +58,13 @@ export class ArtifactsService { const onOkPressed = () => { const updatedArtifact = modalInstance.innerModalContent.instance.artifact; this.serviceLoader.activate(); + this.modalAlertservice.openDelayedAlertModal('Please be patient', 'Large files processing may take up to several minutes.', 'Cancel'); this.dispatchArtifactAction(componentId, componentType, updatedArtifact, artifactType, instanceId, resourceType) - .subscribe().add(() => this.serviceLoader.deactivate()); + .subscribe().add(() => { + this.serviceLoader.deactivate(); + this.modalAlertservice._shouldDisplayDelayedAlertModal = false; + this.modalAlertservice.closeCurrentModal(); + }); }; const addOrUpdateArtifactModalConfig = { @@ -116,7 +123,7 @@ export class ArtifactsService { const updatedArtifact = modalInstance.innerModalContent.instance.artifact; this.serviceLoader.activate(); this.dispatchArtifactAction(componentId, componentType, updatedArtifact, ArtifactType.DEPLOYMENT, instanceId) - .subscribe().add(() => this.serviceLoader.deactivate()); + .subscribe().add(() => this.serviceLoader.deactivate()); }; const envParamsModal = { @@ -160,7 +167,7 @@ export class ArtifactsService { const onOkPressed: Function = () => { this.serviceLoader.activate(); this.store.dispatch((instanceId) ? new DeleteInstanceArtifactAction(artifactObject) : new DeleteArtifactAction(artifactObject)) - .subscribe().add(() => this.serviceLoader.deactivate()); + .subscribe().add(() => this.serviceLoader.deactivate()); }; const title = this.translateService.translate('ARTIFACT_VIEW_DELETE_MODAL_TITLE'); -- cgit 1.2.3-korg