gerrit.onap Code Review - ccsdk/cds.git/blob

   1 import {Component, OnInit} from '@angular/core';
   2 import {PackageCreationService} from '../package-creation.service';
   3 import {MetaDataTabModel} from '../mapping-models/metadata/MetaDataTab.model';
   4 import {PackageCreationStore} from '../package-creation.store';
   5 import {PackageStore} from '../../configuration-dashboard/package.store';
   6
   7
   8 @Component({
   9     selector: 'app-metadata-tab',
  10     templateUrl: './metadata-tab.component.html',
  11     styleUrls: ['./metadata-tab.component.css']
  12 })
  13 export class MetadataTabComponent implements OnInit {
  14
  15     counter = 0;
  16     tags = new Set<string>();
  17     customKeysMap = new Map();
  18     modes: object[] = [
  19         {name: 'Designer Mode', style: 'mode-icon icon-designer-mode'},
  20         {name: 'Scripting Mode', style: 'mode-icon icon-scripting-mode'},
  21         {name: 'Generic Script Mode', style: 'mode-icon icon-generic-script-mode'}];
  22     private metaDataTab: MetaDataTabModel = new MetaDataTabModel();
  23     private errorMessage: string;
  24
  25     constructor(private packageCreationService: PackageCreationService, private packageCreationStore: PackageCreationStore,
  26                 private packageStore: PackageStore) {
  27
  28     }
  29
  30     ngOnInit() {
  31         this.metaDataTab.templateTags = this.tags;
  32         this.metaDataTab.mapOfCustomKey = this.customKeysMap;
  33         this.packageCreationStore.changeMetaData(this.metaDataTab);
  34
  35         this.packageStore.state$.subscribe(element => {
  36             if (element && element.configuration) {
  37                 this.metaDataTab.name = element.configuration.artifactName;
  38                 this.metaDataTab.version = element.configuration.artifactVersion;
  39                 this.metaDataTab.tags = element.configuration.tags;
  40                 this.metaDataTab.description = element.configuration.artifactDescription;
  41             }
  42         });
  43     }
  44
  45     removeTag(value) {
  46         // console.log(event);
  47         this.tags.delete(value);
  48     }
  49
  50     addTag(event) {
  51         const value = event.target.value;
  52         console.log(value);
  53         if (value && value.trim().length > 0) {
  54             event.target.value = '';
  55             this.tags.add(value);
  56         }
  57     }
  58
  59     removeKey(event, key) {
  60         console.log(event);
  61         this.customKeysMap.delete(key);
  62     }
  63
  64     addCustomKey() {
  65         // tslint:disable-next-line: no-string-literal
  66         const key = document.getElementsByClassName('mapKey')[0];
  67         // tslint:disable-next-line: no-string-literal
  68         const value = document.getElementsByClassName('mapValue')[0];
  69
  70         // tslint:disable-next-line: no-string-literal
  71         if (key['value'] && value['value']) {
  72             // tslint:disable-next-line: no-string-literal
  73             this.customKeysMap.set(key['value'], value['value']);
  74             // tslint:disable-next-line: no-string-literal
  75             key['value'] = '';
  76             // tslint:disable-next-line: no-string-literal
  77             value['value'] = '';
  78         }
  79     }
  80
  81     validatePackageNameAndVersion() {
  82         if (this.metaDataTab.name && this.metaDataTab.version) {
  83             this.packageCreationService.checkBluePrintNameAndVersion(this.metaDataTab.name, this.metaDataTab.version).then(element => {
  84                 if (element) {
  85                     this.errorMessage = 'the package with name and version is exists';
  86                 } else {
  87                     this.errorMessage = ' ';
  88                 }
  89             });
  90         }
  91
  92     }
  93 }