1 files changed, 40 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/req-capabilities-tab/requirement-list/requirement-list.component.ts b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/req-capabilities-tab/requirement-list/requirement-list.component.ts
new file mode 100644
index 0000000000..e167c47dcc
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/req-capabilities-tab/requirement-list/requirement-list.component.ts
@@ -0,0 +1,40 @@
+import { Component, Input } from '@angular/core';
+import { Component as TopologyTemplate, RelationshipModel, Relationship, Requirement } from "app/models";
+import { CompositionService } from "app/ng2/pages/composition/composition.service";
+import { ResourceNamePipe } from "app/ng2/pipes/resource-name.pipe";
+
+@Component({
+    selector: 'requirement-list',
+    templateUrl: './requirement-list.component.html'
+})
+export class RequirementListComponent  {
+    @Input() component: TopologyTemplate;
+    @Input() requirements: Array<Requirement>;
+    @Input() isInstanceSelected:boolean;
+    
+    
+    constructor(private compositionService: CompositionService) { }
+
+
+    public getRelation = (requirement:any):any => {
+        if (this.isInstanceSelected && this.component.componentInstancesRelations) {
+            let relationItem:Array<RelationshipModel> = _.filter(this.component.componentInstancesRelations, (relation:RelationshipModel) => {
+                return relation.fromNode === this.component.uniqueId &&
+                    _.filter(relation.relationships, (relationship:Relationship) => {
+                        return relationship.relation.requirement == requirement.name && relationship.relation.requirementOwnerId == requirement.ownerId;
+                    }).length;
+            });
+
+            if (relationItem && relationItem.length) {
+                return {
+                    type: requirement.relationship.split('.').pop(),
+                    requirementName: ResourceNamePipe.getDisplayName(this.compositionService.componentInstances[_.map
+                    (this.compositionService.componentInstances, "uniqueId").indexOf(relationItem[0].toNode)].name)
+                };
+            }
+        }
+        return null;
+    };
+
+};
+