cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : CDS
   4 * ================================================================================
   5 * Copyright (C) 2019 TechMahindra
   6 *
   7 * Modifications Copyright (C) 2019 IBM
   8 *=================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file except in compliance with the License.
  11 * You may obtain a copy of the License at
  12 *
  13 *     http://www.apache.org/licenses/LICENSE-2.0
  14 *
  15 * Unless required by applicable law or agreed to in writing, software
  16 * distributed under the License is distributed on an "AS IS" BASIS,
  17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18 * See the License for the specific language governing permissions and
  19 * limitations under the License.
  20 * ============LICENSE_END=========================================================
  21 */
  22
  23 import { Component, OnInit, ViewChild, EventEmitter, Output } from '@angular/core';
  24 import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
  25 import { IResources } from 'src/app/common/core/store/models/resources.model';
  26 import { IResourcesState } from 'src/app/common/core/store/models/resourcesState.model';
  27 import { Observable } from 'rxjs';
  28 import { Store } from '@ngrx/store';
  29 import { IAppState } from '../../../../common/core/store/state/app.state';
  30 import { A11yModule } from '@angular/cdk/a11y';
  31 import { LoadResourcesSuccess } from 'src/app/common/core/store/actions/resources.action';
  32 import { ISourcesData } from 'src/app/common/core/store/models/sourcesData.model';
  33 import { JsonEditorComponent, JsonEditorOptions } from 'ang-jsoneditor';
  34 import { ResourceEditService } from '../resource-edit.service';
  35
  36 @Component({
  37   selector: 'app-sources-template',
  38   templateUrl: './sources-template.component.html',
  39   styleUrls: ['./sources-template.component.scss']
  40 })
  41 export class SourcesTemplateComponent implements OnInit {
  42
  43     @ViewChild(JsonEditorComponent) editor: JsonEditorComponent;
  44     options = new JsonEditorOptions();
  45     rdState: Observable<IResourcesState>;
  46     resources: IResources;
  47     option = [];
  48     sources:ISourcesData;
  49     sourcesOptions = [];
  50     sourcesData = {};
  51     @Output() resourcesData = new EventEmitter();
  52
  53     constructor(private store: Store<IAppState>, private apiService: ResourceEditService) {
  54     this.rdState = this.store.select('resources');
  55     this.options.mode = 'text';
  56     this.options.modes = [ 'text', 'tree', 'view'];
  57     this.options.statusBar = false;
  58  }
  59
  60  ngOnInit() {
  61     this.rdState.subscribe(
  62       resourcesdata => {
  63         var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess };
  64         this.resources=resourcesState.resources;
  65         this.sources = resourcesState.resources.sources;
  66         for (let key in this.sources) {
  67             this.sourcesOptions.push(key);
  68         }
  69     })
  70  }
  71
  72  onChange(item,$event) {
  73     var editedData =JSON.parse($event.srcElement.value);
  74     var originalSources = this.resources.sources;
  75      for (let key in originalSources){
  76         if(key == item){
  77             originalSources[key] = editedData;
  78         }
  79      }
  80      this.resources.sources = Object.assign({},originalSources);
  81  };
  82
  83  selected(sourceValue){
  84    this.sourcesData= [];//this.sources[value];
  85    this.apiService.getModelType(sourceValue.value)
  86    .subscribe(data=>{
  87       console.log(data);
  88       data.forEach(item =>{
  89         if(typeof(item)== "object") {
  90            for (let key1 in item) {
  91               if(key1 == 'properties') {
  92                  let newPropOnj = {}
  93                  for (let key2 in item[key1]) {
  94                     console.log(item[key1][key2]);
  95                     let varType = item[key1][key2].type
  96                     // let property :  varType =
  97                     newPropOnj[key2] = item[key1][key2];
  98                  }
  99               }
 100            }
 101         }
 102       });
 103       this.sourcesData = data;
 104       this.sourcesOptions.forEach(item=>{
 105          if(item.name == sourceValue.name) {
 106             item.data = data;
 107          }
 108       })
 109      return this.sourcesData;
 110    })
 111 }
 112
 113  delete(item,i){
 114         if(confirm("Are sure you want to delete this source ?")) {
 115         var originalSources = this.resources.sources;
 116         for (let key in originalSources){
 117                 if(key == item){
 118                         delete originalSources[key];
 119                 }
 120         }
 121         this.resources.sources = Object.assign({},originalSources);
 122                 this.sourcesOptions.splice(i,1);
 123         }
 124  }
 125
 126  UploadSourcesData() {
 127         this.resourcesData.emit(this.resources);
 128   }
 129
 130  drop(event: CdkDragDrop<string[]>) {
 131     if (event.previousContainer === event.container) {
 132       moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
 133     } else {
 134       transferArrayItem(event.previousContainer.data,
 135                         event.container.data,
 136                         event.previousIndex,
 137                         event.currentIndex);
 138     }
 139   }
 140 }