[SDC-29] catalog 1707 rebase commit.

Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1
Signed-off-by: Michael Lando <ml636r@att.com>

2 files changed, 90 insertions, 0 deletions

diff --git a/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-directive.ts b/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-directive.ts
new file mode 100644
index 0000000000..9863b5d271
--- /dev/null
+++ b/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-directive.ts
@@ -0,0 +1,71 @@
+/**
+ * Created by ob0695 on 5/9/2017.
+ */
+/**
+ * Created by ob0695 on 5/9/2017.
+ */
+/**
+ * Created by obarda on 1/8/2017.
+ */
+'use strict';
+import {RequirementsGroup, Component} from "app/models";
+
+export interface IRequirementsListScope extends ng.IScope {
+
+    requirements:RequirementsGroup;
+    currentComponent: Component;
+}
+
+
+export class RequirementsListDirective implements ng.IDirective {
+
+    constructor(private $filter: ng.IFilterService) {
+
+    }
+
+    scope = {
+        requirements: '=',
+        component: '='
+    };
+
+    restrict = 'E';
+    replace = true;
+    template = ():string => {
+        return require('./requirements-list-view.html');
+    };
+
+    link = (scope:IRequirementsListScope) => {
+
+        scope.isInstanceSelected = () : boolean => {
+            return  scope.component && scope.component.selectedInstance != undefined && scope.component.selectedInstance != null;
+        }
+
+        scope.getRelation = (requirement:any):any => {
+            if (scope.isInstanceSelected() && scope.component.componentInstancesRelations) {
+                let relationItem = _.filter(scope.component.componentInstancesRelations, (relation:any) => {
+                    return relation.fromNode === scope.component.selectedInstance.uniqueId &&
+                        _.some(relation.relationships, {
+                            'requirement': requirement.name,
+                            'requirementOwnerId': requirement.ownerId
+                        });
+                });
+
+                if (relationItem && relationItem.length) {
+                    return {
+                        type: requirement.relationship.split('.').pop(),
+                        requirementName: this.$filter('resourceName')(scope.component.componentInstances[_.map
+                        (scope.component.componentInstances, "uniqueId").indexOf(relationItem[0].toNode)].name)
+                    };
+                }
+            }
+            return null;
+        };
+
+    };
+
+    public static factory = ($filter: ng.IFilterService)=> {
+        return new RequirementsListDirective($filter);
+    };
+}
+
+RequirementsListDirective.factory.$inject = ['$filter'];
diff --git a/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-view.html b/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-view.html
new file mode 100644
index 0000000000..a6487fe72a
--- /dev/null
+++ b/catalog-ui/src/app/directives/capabilities-and-requirements/requirement/requirements-list-view.html
@@ -0,0 +1,19 @@
+<div class="i-sdc-designer-sidebar-capabilities-requirements">
+    <div class="i-sdc-designer-sidebar-section-content-item-relations-group">
+        <div class="i-sdc-designer-sidebar-section-content-item-relations"
+             data-ng-repeat="requirement in requirements track by $index">
+            <div class="i-sdc-designer-sidebar-section-content-item-relations-details">
+                <div class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{requirement.name}}&nbsp;</div>
+                <div class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{requirement.node}}
+                    <div data-ng-if="getRelation(requirement) != null">
+                        <div class="i-sdc-designer-sidebar-section-content-item-relations-details-indent-box"></div>
+                        <div class="i-sdc-designer-sidebar-section-content-item-relations-details-child">
+                            <span class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{getRelation(requirement).type}} <br/></span>
+                            <span class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{getRelation(requirement).requirementName}}</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>