Service Consumption FE

Service consumption feature
frontend implementation

Change-Id: I68e1b507b1d4379b271fe97428ff8ae86dc11b4c
Issue-ID: SDC-1990
Signed-off-by: ojasdubey <ojas.dubey@amdocs.com>
diff --git a/catalog-ui/src/app/modules/directive-module.ts b/catalog-ui/src/app/modules/directive-module.ts
index c541d58..96bee45 100644
--- a/catalog-ui/src/app/modules/directive-module.ts
+++ b/catalog-ui/src/app/modules/directive-module.ts
@@ -183,6 +183,7 @@
 import { PalettePopupPanelComponent } from "../ng2/components/ui/palette-popup-panel/palette-popup-panel.component";
 import { ServicePathComponent } from '../ng2/components/logic/service-path/service-path.component';
 import { ServicePathSelectorComponent } from '../ng2/components/logic/service-path-selector/service-path-selector.component';
+import { ServiceConsumptionComponent } from '../ng2/components/logic/service-consumption/service-consumption.component';
 import { ServiceDependenciesComponent } from '../ng2/components/logic/service-dependencies/service-dependencies.component';
 import { MultilineEllipsisComponent } from "../ng2/shared/multiline-ellipsis/multiline-ellipsis.component";
 import { InterfaceOperationComponent } from '../ng2/pages/interface-operation/interface-operation.page.component';
@@ -246,6 +247,12 @@
     outputs: []
 }) as angular.IDirectiveFactory);
 
+directiveModule.directive('ng2ServiceConsumption', downgradeComponent({
+    component: ServiceConsumptionComponent,
+    inputs: ['parentService', 'selectedService', 'selectedServiceInstanceId', 'instancesMappedList','parentServiceInputs', 'readonly'],
+    outputs: []
+}) as angular.IDirectiveFactory);
+
 directiveModule.directive('ng2ServiceDependencies', downgradeComponent({
     component: ServiceDependenciesComponent,
     inputs: ['compositeService', 'currentServiceInstance', 'selectedInstanceProperties', 'selectedInstanceSiblings', 'selectedInstanceConstraints', 'readonly'],
diff --git a/catalog-ui/src/app/modules/view-model-module.ts b/catalog-ui/src/app/modules/view-model-module.ts
index a390ab4..8c8f239 100644
--- a/catalog-ui/src/app/modules/view-model-module.ts
+++ b/catalog-ui/src/app/modules/view-model-module.ts
@@ -24,6 +24,7 @@
 import {CompositionViewModel} from "../view-models/workspace/tabs/composition/composition-view-model";
 import {DetailsViewModel} from "../view-models/workspace/tabs/composition/tabs/details/details-view-model";
 import {ResourceArtifactsViewModel} from "../view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view-model";
+import {ServiceConsumptionViewModel} from "../view-models/workspace/tabs/composition/tabs/service-consumption/service-consumption-view-model";
 import {ServiceDependenciesViewModel} from "../view-models/workspace/tabs/composition/tabs/service-dependencies/service-dependencies-view-model";
 import {PropertyFormBaseView} from "../view-models/forms/property-forms/base-property-form/property-form-base-model";
 import {PropertyFormViewModel} from "../view-models/forms/property-forms/component-property-form/property-form-view-model";
@@ -83,6 +84,7 @@
 
   .controller(moduleName + '.DetailsViewModel', DetailsViewModel)
   .controller(moduleName + '.ResourceArtifactsViewModel', ResourceArtifactsViewModel)
+  .controller(moduleName + '.ServiceConsumptionViewModel', ServiceConsumptionViewModel)
   .controller(moduleName + '.ServiceDependenciesViewModel', ServiceDependenciesViewModel)
   .controller(moduleName + '.PropertyFormBaseView', PropertyFormBaseView)
   .controller(moduleName + '.PropertyFormViewModel', PropertyFormViewModel)
@@ -140,5 +142,5 @@
   // //TABS
   .controller(moduleName + '.HierarchyViewModel', HierarchyViewModel);
 
-    // NG2
-  //.controller(moduleName +  '.NG2Example',  downgradeComponent({component: NG2Example2Component}) );
+// NG2
+//.controller(moduleName +  '.NG2Example',  downgradeComponent({component: NG2Example2Component}) );