adding tags and custom keys to metadata

Issue-ID: CCSDK-2014

Signed-off-by: ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com>
Change-Id: I0ebd08a1f12ebccc4c0487850f28f6e395ed65cd

1 files changed, 44 insertions, 7 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts
index 97040ee90..2f8ebcc7c 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/metadata-tab/metadata-tab.component.ts
@@ -1,7 +1,7 @@
-import {Component, OnInit} from '@angular/core';
-import {PackageCreationService} from '../package-creation.service';
-import {MetaDataTabModel} from '../mapping-models/metadata/MetaDataTab.model';
-import {PackageCreationStore} from '../package-creation.store';
+import { Component, OnInit } from '@angular/core';
+import { PackageCreationService } from '../package-creation.service';
+import { MetaDataTabModel } from '../mapping-models/metadata/MetaDataTab.model';
+import { PackageCreationStore } from '../package-creation.store';
 
 
 @Component({
@@ -12,10 +12,12 @@ import {PackageCreationStore} from '../package-creation.store';
 export class MetadataTabComponent implements OnInit {
 
     counter = 0;
+    tags = new Set<string>();
+    customKeysMap = new Map();
     modes: object[] = [
-        {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'},
-        {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'},
-        {name: 'Generic Script Mode', style: 'mode-icon icon-generic-script-mode'}];
+        { name: 'Designer Mode', style: 'mode-icon icon-designer-mode' },
+        { name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode' },
+        { name: 'Generic Script Mode', style: 'mode-icon icon-generic-script-mode' }];
     private metaDataTab: MetaDataTabModel = new MetaDataTabModel();
     private errorMessage: string;
 
@@ -24,9 +26,44 @@ export class MetadataTabComponent implements OnInit {
     }
 
     ngOnInit() {
+        this.metaDataTab.templateTags = this.tags;
+        this.metaDataTab.mapOfCustomKey = this.customKeysMap;
         this.packageCreationStore.changeMetaData(this.metaDataTab);
     }
 
+    removeTag(value) {
+        // console.log(event);
+        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);
+        }
+    }
+
+    removeKey(event, key) {
+        console.log(event);
+        this.customKeysMap.delete(key);
+    }
+    addCustomKey() {
+        // tslint:disable-next-line: no-string-literal
+        const key = document.getElementsByClassName('mapKey')[0];
+        // tslint:disable-next-line: no-string-literal
+        const value = document.getElementsByClassName('mapValue')[0];
+
+        // tslint:disable-next-line: no-string-literal
+        if (key['value'] && value['value']) {
+            // tslint:disable-next-line: no-string-literal
+            this.customKeysMap.set(key['value'], value['value']);
+            // tslint:disable-next-line: no-string-literal
+            key['value'] = '';
+            // tslint:disable-next-line: no-string-literal
+            value['value'] = '';
+        }
+    }
     validatePackageNameAndVersion() {
         if (this.metaDataTab.name && this.metaDataTab.version) {
             this.packageCreationService.checkBluePrintNameAndVersion(this.metaDataTab.name, this.metaDataTab.version).then(element => {