Catalog alignment

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

1 files changed, 79 insertions, 0 deletions

diff --git a/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities.component.ts b/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities.component.ts
new file mode 100644
index 0000000000..02db5d3aee
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities.component.ts
@@ -0,0 +1,79 @@
+import {Capability, CapabilityUI} from "../../../../../models/capability";
+import { ViewChild, Input, OnInit, Component } from "@angular/core";
+import {SdcUiServices} from "onap-ui-angular";
+import {CapabilitiesEditorComponent} from "./capabilityEditor/capabilities-editor.component";
+import {WorkspaceService} from "../../workspace.service";
+import {TopologyTemplateService} from "../../../../services/component-services/topology-template.service";
+import {ReqAndCapabilitiesService} from "../req-and-capabilities.service";
+import {ModalComponent} from "onap-ui-angular/dist/modals/modal.component";
+import {EventListenerService} from "../../../../../services/event-listener-service";
+
+
+@Component({
+    selector: 'capabilities',
+    templateUrl: './capabilities.component.html',
+    styleUrls: ['./capabilities.component.less','../../../../../../assets/styles/table-style.less']
+})
+export class CapabilitiesComponent {
+    @Input() public capabilities: Array<Capability>;
+    @ViewChild('capabilitiesTable') capabilitiesTable: any;
+    private customModalInstance: ModalComponent;
+
+    constructor(
+        private workspaceService: WorkspaceService,
+                private loaderService: SdcUiServices.LoaderService,
+                private topologyTemplateService: TopologyTemplateService,
+                private reqAndCapabilitiesService : ReqAndCapabilitiesService,
+                private modalService: SdcUiServices.ModalService,
+                private eventListenerService: EventListenerService) {
+    }
+
+    private onSelectCapabilities({ selected }) {
+    }
+
+    editCapability(cap: CapabilityUI) {
+        let modalConfig = {
+            size: 'md',
+            title: 'Update Capability',
+            type: 'custom',
+            buttons: [
+                {
+                    id: 'saveButton',
+                    text: ('Update'),
+                    size: "'x-small'",
+                    callback: () => this.updateCapability(),
+                    closeModal: true
+                },
+                {text: "Cancel", size: "'x-small'", closeModal: true}]
+        };
+        let modalInputs = {
+            capability: cap,
+            capabilityTypesList: this.reqAndCapabilitiesService.getCapabilityTypesList(),
+        };
+
+        this.customModalInstance = this.modalService.openCustomModal(modalConfig, CapabilitiesEditorComponent, {input: modalInputs});
+        this.customModalInstance.innerModalContent.instance.
+        onValidationChange.subscribe((isValid) => this.customModalInstance.getButtonById('saveButton').disabled = !isValid);
+    }
+
+    expendRow(row) {
+        this.capabilitiesTable.rowDetail.toggleExpandRow(row);
+    }
+
+    private updateCapability() {
+        const capability = this.customModalInstance.innerModalContent.instance.capabilityData;
+        this.loaderService.activate();
+        if (capability.uniqueId) {
+            this.topologyTemplateService.updateCapability(this.workspaceService.metadata.getTypeUrl(), this.workspaceService.metadata.uniqueId, capability).subscribe((result) => {
+                let index = this.capabilities.findIndex((cap) => result[0].uniqueId === cap.uniqueId);
+                    this.capabilities[index] = new CapabilityUI(result[0], this.workspaceService.metadata.uniqueId);
+                this.loaderService.deactivate();
+                this.eventListenerService.notifyObservers('CAPABILITIES_UPDATED');
+            }, () => {
+                this.loaderService.deactivate();
+            });
+        }
+    }
+
+
+}
\ No newline at end of file