Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe

1 files changed, 36 insertions, 0 deletions

diff --git a/catalog-ui/src/app/ng2/components/modals/onboarding-modal/import-vsp.service.ts b/catalog-ui/src/app/ng2/components/modals/onboarding-modal/import-vsp.service.ts
new file mode 100644
index 0000000000..8e7364660f
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/modals/onboarding-modal/import-vsp.service.ts
@@ -0,0 +1,36 @@
+import { Injectable, Inject } from "@angular/core";
+import { OnboardingModalComponent } from "./onboarding-modal.component";
+import { SdcUiServices, SdcUiCommon } from "onap-ui-angular";
+import { Observable, Subject } from "rxjs";
+import { CHANGE_COMPONENT_CSAR_VERSION_FLAG } from "../../../../utils/constants";
+import { CacheService } from "../../../services/cache.service";
+
+
+@Injectable()
+export class ImportVSPService {
+
+    constructor(private modalService: SdcUiServices.ModalService,
+                private cacheService:CacheService,
+                @Inject("$state") private $state:ng.ui.IStateService){
+
+    }
+    
+    openOnboardingModal(csarUUID?: string, csarVersion?: string): Observable<any> {
+        var subject = new Subject<any>();
+        const onboardingModalConfig = {
+            size: SdcUiCommon.ModalSize.xlarge,
+            title: 'Import VSP',      
+            type: SdcUiCommon.ModalType.custom,
+            testId: 'sampleTestIdModal1',
+        } as SdcUiCommon.IModalConfig;
+        const onboardingModalInstance = this.modalService.openCustomModal(onboardingModalConfig, OnboardingModalComponent, {currentCsarUUID: csarUUID, currentCsarVersion: csarVersion});
+        onboardingModalInstance.innerModalContent.instance.closeModalEvent.subscribe(
+            (result: any) => {
+                subject.next(result);
+                onboardingModalInstance.closeModal(); 
+            }, (err) =>{}
+        )
+        return subject.asObservable();
+    }
+}
+