1 files changed, 78 insertions, 0 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-metadata/dictionary-metadata.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-metadata/dictionary-metadata.component.ts
new file mode 100644
index 000000000..d5c4a109b
--- /dev/null
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/resource-dictionary/resource-dictionary-creation/dictionary-metadata/dictionary-metadata.component.ts
@@ -0,0 +1,78 @@
+/*
+* ============LICENSE_START=======================================================
+* ONAP : CDS
+* ================================================================================
+* Copyright (C) 2020 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 } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { DictionaryModel } from '../../model/dictionary.model';
+import { DictionaryCreationService } from '../dictionary-creation.service';
+import { DictionaryCreationStore } from '../dictionary-creation.store';
+import { MetaData } from '../../model/metaData.model';
+
+@Component({
+  selector: 'app-dictionary-metadata',
+  templateUrl: './dictionary-metadata.component.html',
+  styleUrls: ['./dictionary-metadata.component.css']
+})
+export class DictionaryMetadataComponent implements OnInit {
+  packageNameAndVersionEnables = true;
+    counter = 0;
+    tags = new Set<string>();
+    private metaDataTab: MetaData = new MetaData();
+    private errorMessage: string;
+
+    constructor(
+        private route: ActivatedRoute,
+        private dictionaryCreationService: DictionaryCreationService,
+        private dictionaryCreationStore: DictionaryCreationStore
+    ) {}
+
+    ngOnInit() {
+        this.dictionaryCreationStore.state$.subscribe(element => {
+            if (element && element.metaData) {
+                this.metaDataTab.name = element.metaData.name;
+                this.metaDataTab.description = element.metaData.description;
+                this.metaDataTab.dataType = element.metaData.dataType;
+                this.metaDataTab.tags = element.metaData.tags;
+                this.metaDataTab.entrySchema = element.metaData.entrySchema;
+                this.metaDataTab.required = element.metaData.required;
+                this.metaDataTab.libraryInstance = element.metaData.libraryInstance;
+                this.metaDataTab.derivedFrom = element.metaData.derivedFrom;
+                console.log(element);
+            }
+        });
+        console.log(this.metaDataTab.name);
+    }
+
+    removeTag(value) {
+        this.tags.delete(value);
+    }
+
+    addTag(event) {
+        const value = event.target.value;
+        console.log(value);
+        if (value && value.trim().length > 0) {
+            event.target.value = '';
+            this.tags.add(value);
+        }
+    }
+
+    saveMetaDataToStore() {
+        this.dictionaryCreationStore.changeMetaData(this.metaDataTab);
+    }
+}