2 files changed, 139 insertions, 0 deletions
diff --git a/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.spec.ts b/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.spec.ts
new file mode 100644
index 0000000000..3a660c1de7
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.spec.ts
@@ -0,0 +1,41 @@
+import {TestBed} from "@angular/core/testing";
+import {CompositionPaletteService} from "./palette.service";
+import {ISdcConfig, SdcConfigToken} from "../../../../config/sdc-config.config";
+import {WorkspaceService} from "../../../../pages/workspace/workspace.service";
+import { HttpClient } from "@angular/common/http";
+describe('palette component', () => {
+
+    let service: CompositionPaletteService;
+
+    let httpServiceMock: Partial<HttpClient> = {
+        get: jest.fn()
+    }
+
+    let sdcConfigToken: Partial<ISdcConfig> = {
+        "api": {
+            "root": ''
+        }
+    }
+
+    beforeEach(() => {
+        TestBed.configureTestingModule({
+            imports: [],
+            providers: [CompositionPaletteService,
+                {provide: HttpClient, useValue: httpServiceMock},
+                {provide: SdcConfigToken, useValue: sdcConfigToken},
+				{provide: WorkspaceService, useValue{}}
+            ]
+        });
+
+        service = TestBed.get(CompositionPaletteService);
+    });
+
+    it('should create an instance', () => {
+        expect(service).toBeDefined();
+    });
+
+    // it('should create an instance2', async () => {
+    //     expect(await service.subscribeToLeftPaletteElements("resources")).toEqual([]);
+    // });
+});
+
diff --git a/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.ts b/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.ts
new file mode 100644
index 0000000000..7587c5206f
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/palette/services/palette.service.ts
@@ -0,0 +1,98 @@
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Inject, Injectable } from '@angular/core';
+import { LeftPaletteComponent, LeftPaletteMetadataTypes } from 'app/models/components/displayComponent';
+import { GroupMetadata } from 'app/models/group-metadata';
+import { PolicyMetadata } from 'app/models/policy-metadata';
+import { SdcConfigToken } from 'app/ng2/config/sdc-config.config';
+import { ISdcConfig } from 'app/ng2/config/sdc-config.config.factory';
+import { WorkspaceService } from 'app/ng2/pages/workspace/workspace.service';
+import 'rxjs/add/observable/forkJoin';
+import { Observable } from 'rxjs/Rx';
+import Dictionary = _.Dictionary;
+
+
+
+@Injectable()
+export class CompositionPaletteService {
+
+    protected baseUrl = '';
+
+    private leftPaletteComponents: Dictionary<Dictionary<LeftPaletteComponent[]>>;
+    private facadeUrl: string;
+    constructor(protected http: HttpClient, @Inject(SdcConfigToken) sdcConfig: ISdcConfig, private workspaceService: WorkspaceService) {
+        this.baseUrl = sdcConfig.api.root + sdcConfig.api.component_api_root;
+        this.facadeUrl = sdcConfig.api.uicache_root + sdcConfig.api.GET_uicache_left_palette;
+
+    }
+
+    public subscribeToLeftPaletteElements(next, error) {
+
+        let params = new HttpParams();
+        params = params.append('internalComponentType', this.workspaceService.getMetadataType());
+
+        const loadInstances = this.http.get(this.facadeUrl, {params});
+        const loadGroups = this.http.get(this.baseUrl + 'groupTypes', {params});
+        const loadPolicies = this.http.get(this.baseUrl + 'policyTypes', {params});
+
+        Observable.forkJoin(
+            loadInstances, loadGroups, loadPolicies
+        ).subscribe( ([resInstances, resGrouops, resPolicies]) => {
+            const combinedDictionary = this.combineResoponses(resInstances, resGrouops, resPolicies);
+            this.leftPaletteComponents = combinedDictionary;
+            next(this.leftPaletteComponents);
+        });
+    }
+
+    public getLeftPaletteElements = (): Dictionary<Dictionary<LeftPaletteComponent[]>> => {
+        return this.leftPaletteComponents;
+    }
+
+
+    public convertPoliciesOrGroups = (paletteListResult, type: string ) => {
+        const components: LeftPaletteComponent[] = [];
+
+        if (type === 'Policies') {
+            _.forEach(paletteListResult, (policyMetadata: PolicyMetadata) => {
+                components.push(new LeftPaletteComponent(LeftPaletteMetadataTypes.Policy, policyMetadata));
+            });
+            return {
+                Policies: components
+            };
+        }
+
+        if (type === 'Groups') {
+            _.forEach(paletteListResult, (groupMetadata: GroupMetadata) => {
+                const item = new LeftPaletteComponent(LeftPaletteMetadataTypes.Group, groupMetadata);
+                components.push(item);
+            });
+            return {
+                Groups: components
+            };
+        }
+
+        return {};
+    }
+
+    private combineResoponses(resInstances: object, resGrouops: object, resPolicies: object) {
+        const retValObject = {};
+        // Generic will be the 1st category in the left Pallete
+        if (resInstances['Generic']) {
+            retValObject['Generic'] = resInstances['Generic'];
+        }
+        // Add all other categories
+        for (const category in resInstances) {
+            if (category === 'Generic') {
+                continue;
+            }
+            retValObject[category] = resInstances[category];
+        }
+
+        // Add Groups
+        retValObject["Groups"] = this.convertPoliciesOrGroups(resGrouops, 'Groups');
+
+        // Add policies
+        retValObject["Policies"] = this.convertPoliciesOrGroups(resPolicies, 'Policies');
+
+        return retValObject;
+    }
+}