1 files changed, 33 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities-properties/capabilities-properties.ts b/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities-properties/capabilities-properties.ts
new file mode 100644
index 0000000000..2a1a16e265
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/capabilities/capabilities-properties/capabilities-properties.ts
@@ -0,0 +1,33 @@
+
+import { ViewChild, Input, OnInit, Component } from "@angular/core";
+import {SdcUiServices} from "onap-ui-angular";
+import { ModalsHandler } from "../../../../../../utils/modals-handler";
+import { WorkspaceService } from "../../../workspace.service";
+import { PropertyModel } from "../../../../../../models/properties";
+
+
+@Component({
+    selector: 'capabilities-properties',
+    templateUrl: './capabilities-properties.html',
+    styleUrls: ['./capabilities-properties.less', '../../../../../../../assets/styles/table-style.less']
+})
+export class CapabilitiesPropertiesComponent {
+    @Input() public capabilitiesProperties: Array<PropertyModel> = [];
+
+    private capabilityPropertiesColumns = [
+        {name: 'Name', prop: 'name', flexGrow: 1},
+        {name: 'Type', prop: 'type', flexGrow: 1},
+        {name: 'Schema', prop: 'schema', flexGrow: 1},
+        {name: 'Description', prop: 'description', flexGrow: 1},
+    ];
+    constructor(private modalsHandler: ModalsHandler,
+                private workspaceService: WorkspaceService) {}
+
+    private updateProperty(property: PropertyModel): void {
+        _.forEach(this.capabilitiesProperties, (prop: PropertyModel) => {
+            prop.readonly = true;
+        });
+        this.modalsHandler.openEditPropertyModal(property, this.workspaceService.metadata, this.capabilitiesProperties, false, 'component',
+        this.workspaceService.metadata.uniqueId);
+    }
+}
+\ No newline at end of file