Allow only types from selected model in service creation

Issue-ID: SDC-3629
Signed-off-by: aribeiro <anderson.ribeiro@est.tech>
Change-Id: I98edb8a1133b2df8d884782f3fb2758b42b94158

2 files changed, 9 insertions, 1 deletions

diff --git a/catalog-ui/src/app/models/component-metadata.ts b/catalog-ui/src/app/models/component-metadata.ts
index 186cd8aa39..1cbecda2b3 100644
--- a/catalog-ui/src/app/models/component-metadata.ts
+++ b/catalog-ui/src/app/models/component-metadata.ts
@@ -85,6 +85,9 @@ export interface IComponentMetadata {
     capabilities: CapabilitiesGroup;
     requirements: RequirementsGroup;
 
+    // Model
+    model: string;
+
 }
 
 export class ComponentMetadata implements IComponentMetadata {
@@ -141,6 +144,7 @@ export class ComponentMetadata implements IComponentMetadata {
     public serviceRole: string;
     public environmentContext: string;
     public instantiationType: string;
+    public model: string;
 
     // backend lifecycleState
     public state: string;
@@ -196,6 +200,7 @@ export class ComponentMetadata implements IComponentMetadata {
         this.capabilities = response.capabilities;
         this.requirements = response.requirements;
         this.categorySpecificMetadata = response.categorySpecificMetadata;
+        this.model = response.model;
         return this;
     }
 
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
index ba165b0d50..5e0fb1e170 100644
--- 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
@@ -30,7 +30,10 @@ export class CompositionPaletteService {
 
         let params = new HttpParams();
         params = params.append('internalComponentType', this.workspaceService.getMetadataType());
-
+      let model = this.workspaceService.metadata.model
+        if (model) {
+          params = params.append('componentModel', model);
+        }
         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});