2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2019 TechMahindra
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
13 * http://www.apache.org/licenses/LICENSE-2.0
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=========================================================
23 import { Component, OnInit, ViewChild, EventEmitter, Output, Input } 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 { SetResourcesState } 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';
37 selector: 'app-sources-template',
38 templateUrl: './sources-template.component.html',
39 styleUrls: ['./sources-template.component.scss']
41 export class SourcesTemplateComponent implements OnInit {
43 @ViewChild(JsonEditorComponent) editor: JsonEditorComponent;
44 options = new JsonEditorOptions();
45 rdState: Observable<IResourcesState>;
46 resources: IResources;
51 @Output() resourcesData = new EventEmitter();
54 constructor(private store: Store<IAppState>, private apiService: ResourceEditService) {
55 this.rdState = this.store.select('resources');
56 this.options.mode = 'text';
57 this.options.modes = [ 'text', 'tree', 'view'];
58 this.options.statusBar = false;
62 this.rdState.subscribe(
64 var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess };
65 this.resources=resourcesState.resources;
66 if(resourcesState.resources.definition && resourcesState.resources.definition.sources) {
67 this.sources = resourcesState.resources.definition.sources;
69 for (let key in this.sources) {
72 data: this.sources[key]
74 this.sourcesOptions.push(source);
79 onChange(item,$event) {
80 var editedData =JSON.parse($event.srcElement.value);
81 var originalSources = this.resources.sources;
82 for (let key in originalSources){
84 originalSources[key] = editedData;
87 this.resources.sources = Object.assign({},originalSources);
90 // to remove this method
91 selected(sourceValue){
92 this.sourcesData= [];//this.sources[value];
93 this.apiService.getModelType(sourceValue.value)
97 if(typeof(item)== "object") {
98 for (let key1 in item) {
99 if(key1 == 'properties') {
101 for (let key2 in item[key1]) {
102 console.log(item[key1][key2]);
103 let varType = item[key1][key2].type
104 // let property : varType =
105 newPropOnj[key2] = item[key1][key2];
111 this.sourcesData = data;
112 this.sourcesOptions.forEach(item=>{
113 if(item.name == sourceValue.name) {
117 return this.sourcesData;
122 if(confirm("Are sure you want to delete this source ?")) {
123 var originalSources = this.resources.sources;
124 for (let key in originalSources){
126 delete originalSources[key];
129 this.resources.sources = Object.assign({},originalSources);
130 this.sourcesOptions.splice(i,1);
134 UploadSourcesData() {
135 this.resourcesData.emit(this.resources);
138 drop(event: CdkDragDrop<string[]>) {
139 if (!this.checkIfSourceExists(event.item.element.nativeElement.innerText)) {
140 if (event.previousContainer === event.container) {
141 moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
143 transferArrayItem(event.previousContainer.data,
144 event.container.data,
148 this.tempOption.forEach((item) => {
149 if (item.name == event.item.element.nativeElement.innerText) {
150 this.apiService.getModelType(item.value)
153 data.forEach(dataitem => {
154 if (typeof (dataitem) == "object") {
155 for (let key1 in dataitem) {
156 if (key1 == 'properties') {
158 newPropObj["name"] = event.item.element.nativeElement.innerText;
159 newPropObj['data'] = {};
160 let newSoruceObj = {};
161 for (let key2 in dataitem[key1]) {
162 newSoruceObj[key2] = '';;
164 newPropObj['data']['properties'] = newSoruceObj;
165 this.sourcesOptions.forEach(sourcesOptionsitem => {
166 if (sourcesOptionsitem.name == item.name) {
167 sourcesOptionsitem.data = newPropObj['data'];
175 this.sourcesOptions.forEach(sourceItem=>{
177 newsources[sourceItem.name] = {};
178 newsources[sourceItem.name] = sourceItem.data;
180 this.resources.definition.sources = newsources;
181 let resourcesState = {
182 resources: this.resources,
184 isUpdateSuccess:true,
187 this.store.dispatch(new SetResourcesState(resourcesState));
195 this.apiService.getSources()
198 for (let key in data[0]) {
199 let sourceObj = { name: key, value: data[0][key] }
200 this.option.push(sourceObj);
201 this.tempOption.push(sourceObj);
208 checkIfSourceExists(sourceName) {
209 let sourceExists: boolean = false;
210 this.sourcesOptions.forEach(item => {
211 if (item.name == sourceName) {