1 files changed, 84 insertions, 0 deletions
diff --git a/cds-ui/client/src/app/feature-modules/controller-catalog/search-catalog/catalog-data-dialog/catalog-data-dialog.component.ts b/cds-ui/client/src/app/feature-modules/controller-catalog/search-catalog/catalog-data-dialog/catalog-data-dialog.component.ts
new file mode 100644
index 000000000..215f311e9
--- /dev/null
+++ b/cds-ui/client/src/app/feature-modules/controller-catalog/search-catalog/catalog-data-dialog/catalog-data-dialog.component.ts
@@ -0,0 +1,84 @@
+/*
+* ============LICENSE_START=======================================================
+* ONAP : CDS
+* ================================================================================
+* Copyright (C) 2019 TechMahindra
+*=================================================================================
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+* ============LICENSE_END=========================================================
+*/
+import { Component, OnInit, Inject } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; 
+import { Store } from '@ngrx/store';
+import { Observable } from 'rxjs';
+
+import { ICatalog } from 'src/app/common/core/store/models/catalog.model'; 
+import { ICatalogState } from 'src/app/common/core/store/models/catalogState.model';
+import { IAppState } from 'src/app/common/core/store/state/app.state';
+
+@Component({
+  selector: 'app-catalog-data-dialog',
+  templateUrl: './catalog-data-dialog.component.html',
+  styleUrls: ['./catalog-data-dialog.component.scss']
+})
+export class CatalogDataDialogComponent implements OnInit{
+
+  catalog:any=[];
+  
+  CatalogFormData: FormGroup;
+  ccState: Observable<ICatalogState>;
+  isDisabled: boolean=true;
+  optionSelected:string;
+  // derivedFrom: any[] = [{derivedFrom: 'tosca.nodes.Component'},{derivedFrom:'tosca.nodes.VNF'},{derivedFrom:'tosca.nodes.Artifact'},{derivedFrom:'tosca.nodes.ResourceSource'}, {derivedFrom:'tosca.nodes.Workflow'},{derivedFrom:'tosca.nodes.Root'}];
+  // definitionType: any[] = [{definitionType: 'node_type'}];
+  property:any=[];
+  constructor(public dialogRef: MatDialogRef<CatalogDataDialogComponent>, @Inject(MAT_DIALOG_DATA) public item: any,private formBuilder: FormBuilder, private store: Store<IAppState> ) {
+    console.log(item);
+    this.optionSelected=item['option'];
+    for (let key in item['item']) {
+      this.catalog.push(item['item'][key]);
+    }
+    console.log(this.catalog);
+    for (let key in this.catalog) {
+      this.property.push(this.catalog[key]);  
+    }
+    if(this.optionSelected == 'Info'){
+      this.isDisabled = true;
+    }
+    else{
+      this.isDisabled = false;
+    }
+
+    this.ccState = this.store.select('catalog');
+    this.CatalogFormData = this.formBuilder.group({
+      Model_Name: [{value:this.property[0], disabled: this.isDisabled}, Validators.required],
+      User_id: [{value:this.property[8], disabled: this.isDisabled}, Validators.required],
+      _tags: [{value:this.property[6], disabled: this.isDisabled}, Validators.required],
+      _type: [{value:this.property[2], disabled: this.isDisabled}, Validators.required],
+      Derived_From: [{value:this.property[1], disabled: this.isDisabled}, Validators.required],
+    });   
+  }
+  
+  ngOnInit(){
+  }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+
+  onClickSave(){
+    //this.catalog = Object.assign({}, this.CatalogFormData.value);
+    this.dialogRef.close(this.CatalogFormData.value);
+  }
+}