X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=cds-ui%2Fclient%2Fsrc%2Fapp%2Ffeature-modules%2Fresource-definition%2Fresource-edit%2Fsources-template%2Fsources-template.component.ts;h=943b20e480df1a36a3f9f4556807710abbe4c24c;hb=3c1781135b4029fdc657b2009259d3b8ddd8eebc;hp=3e8f4f8d6f642685f285687d13e89ab0e68c810b;hpb=14588a767139e4a66303252739ce80ee9e81ea99;p=ccsdk%2Fcds.git diff --git a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts index 3e8f4f8d6..943b20e48 100644 --- a/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts +++ b/cds-ui/client/src/app/feature-modules/resource-definition/resource-edit/sources-template/sources-template.component.ts @@ -28,176 +28,219 @@ import { Observable } from 'rxjs'; import { Store } from '@ngrx/store'; import { IAppState } from '../../../../common/core/store/state/app.state'; import { A11yModule } from '@angular/cdk/a11y'; -import { LoadResourcesSuccess } from 'src/app/common/core/store/actions/resources.action'; +import { SetResourcesState } from 'src/app/common/core/store/actions/resources.action'; import { ISourcesData } from 'src/app/common/core/store/models/sourcesData.model'; import { JsonEditorComponent, JsonEditorOptions } from 'ang-jsoneditor'; import { ResourceEditService } from '../resource-edit.service'; @Component({ - selector: 'app-sources-template', - templateUrl: './sources-template.component.html', - styleUrls: ['./sources-template.component.scss'] + selector: 'app-sources-template', + templateUrl: './sources-template.component.html', + styleUrls: ['./sources-template.component.scss'] }) export class SourcesTemplateComponent implements OnInit { - @ViewChild(JsonEditorComponent) editor: JsonEditorComponent; - options = new JsonEditorOptions(); - rdState: Observable; - resources: IResources; - option = []; - sources:ISourcesData; - sourcesOptions = []; - sourcesData = {}; - @Output() resourcesData = new EventEmitter(); - tempOption = []; - - constructor(private store: Store, private apiService: ResourceEditService) { - this.rdState = this.store.select('resources'); - this.options.mode = 'text'; - this.options.modes = [ 'text', 'tree', 'view']; - this.options.statusBar = false; - } + @ViewChild(JsonEditorComponent) editor: JsonEditorComponent; + options = new JsonEditorOptions(); + rdState: Observable; + resources: IResources; + option = []; + sources: ISourcesData; + sourcesOptions = []; + sourcesData = {}; + @Output() resourcesData = new EventEmitter(); + tempOption = []; - ngOnInit() { - this.rdState.subscribe( - resourcesdata => { - var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess }; - this.resources=resourcesState.resources; - if(resourcesState.resources.definition && resourcesState.resources.definition.sources) { - this.sources = resourcesState.resources.definition.sources; - } - for (let key in this.sources) { - let source = { - name : key, - data: this.sources[key] + constructor(private store: Store, private apiService: ResourceEditService) { + this.rdState = this.store.select('resources'); + this.options.mode = 'text'; + this.options.modes = ['text', 'tree', 'view']; + this.options.statusBar = false; + } + + ngOnInit() { + this.rdState.subscribe( + resourcesdata => { + var resourcesState: IResourcesState = { resources: resourcesdata.resources, isLoadSuccess: resourcesdata.isLoadSuccess, isSaveSuccess: resourcesdata.isSaveSuccess, isUpdateSuccess: resourcesdata.isUpdateSuccess }; + this.resources = resourcesState.resources; + if (resourcesState.resources.definition && resourcesState.resources.definition.sources) { + this.sources = resourcesState.resources.definition.sources; } - this.sourcesOptions.push(source); - } - }) - } + this.sourcesOptions = []; + for (let key in this.sources) { + let source = { + name: key, + data: this.sources[key] + } + this.sourcesOptions.push(source); + } + }) + } - onChange(item,$event) { - var editedData =JSON.parse($event.srcElement.value); - var originalSources = this.resources.sources; - for (let key in originalSources){ - if(key == item){ + onChange(item, $event) { + var editedData = JSON.parse($event.srcElement.value); + var originalSources = this.resources.definition.sources; + for (let key in originalSources) { + if (key == item.name) { originalSources[key] = editedData; - } - } - this.resources.sources = Object.assign({},originalSources); - }; - - // to remove this method - selected(sourceValue){ - this.sourcesData= [];//this.sources[value]; - this.apiService.getModelType(sourceValue.value) - .subscribe(data=>{ - console.log(data); - data.forEach(item =>{ - if(typeof(item)== "object") { - for (let key1 in item) { - if(key1 == 'properties') { - let newPropOnj = {} - for (let key2 in item[key1]) { - console.log(item[key1][key2]); - let varType = item[key1][key2].type - // let property : varType = - newPropOnj[key2] = item[key1][key2]; - } - } - } - } - }); - this.sourcesData = data; - this.sourcesOptions.forEach(item=>{ - if(item.name == sourceValue.name) { - item.data = data; } - }) - return this.sourcesData; - }) -} + } + this.resources.definition.sources = Object.assign({}, originalSources); - delete(item,i){ - if(confirm("Are sure you want to delete this source ?")) { - var originalSources = this.resources.sources; - for (let key in originalSources){ - if(key == item){ - delete originalSources[key]; - } - } - this.resources.sources = Object.assign({},originalSources); - this.sourcesOptions.splice(i,1); - } - } - - UploadSourcesData() { - this.resourcesData.emit(this.resources); - } - - drop(event: CdkDragDrop) { - if (!this.checkIfSourceExists(event.item.element.nativeElement.innerText)) { - if (event.previousContainer === event.container) { - moveItemInArray(event.container.data, event.previousIndex, event.currentIndex); - } else { - transferArrayItem(event.previousContainer.data, - event.container.data, - event.previousIndex, - event.currentIndex); + let resourcesState = { + resources: this.resources, + isLoadSuccess: true, + isUpdateSuccess: true, + isSaveSuccess: true } - this.tempOption.forEach((item) => { - if (item.name == event.item.element.nativeElement.innerText) { - this.apiService.getModelType(item.value) - .subscribe(data => { - console.log(data); - data.forEach(dataitem => { - if (typeof (dataitem) == "object") { - for (let key1 in dataitem) { - if (key1 == 'properties') { - let newPropObj = {}; - newPropObj["name"] = event.item.element.nativeElement.innerText; - newPropObj['data'] = {}; - let newSoruceObj = {}; - for (let key2 in dataitem[key1]) { - newSoruceObj[key2] = '';; - } - newPropObj['data']['properties'] = newSoruceObj; - this.sourcesOptions.forEach(sourcesOptionsitem => { - if (sourcesOptionsitem.name == item.name) { - sourcesOptionsitem.data = newPropObj['data']; + this.store.dispatch(new SetResourcesState(resourcesState)); + }; + + // to remove this method + selected(sourceValue) { + this.sourcesData = [];//this.sources[value]; + this.apiService.getModelType(sourceValue.value) + .subscribe(data => { + console.log(data); + data.forEach(item => { + if (typeof (item) == "object") { + for (let key1 in item) { + if (key1 == 'properties') { + let newPropOnj = {} + for (let key2 in item[key1]) { + console.log(item[key1][key2]); + let varType = item[key1][key2].type + // let property : varType = + newPropOnj[key2] = item[key1][key2]; + } + } + } + } + }); + this.sourcesData = data; + this.sourcesOptions.forEach(item => { + if (item.name == sourceValue.name) { + item.data = data; + } + }) + return this.sourcesData; + }) + } + + delete(item, i) { + if (confirm("Are sure you want to delete this source ?")) { + var originalSources = this.resources.definition.sources; + for (let key in originalSources) { + if (key == item.name) { + delete originalSources[key]; + } + } + this.resources.definition.sources = Object.assign({}, originalSources); + this.sourcesOptions.splice(i, 1); + if (!this.checkIfSourceExists(this.option, item.name)) { + this.tempOption.forEach(tempOptionitem => { + if (tempOptionitem.name == item.name) { + this.option.push(tempOptionitem); + } + }); + } + let newsources = {}; + this.sourcesOptions.forEach(sourceItem => { + newsources[sourceItem.name] = {}; + newsources[sourceItem.name] = sourceItem.data; + }); + this.resources.definition.sources = newsources; + let resourcesState = { + resources: this.resources, + isLoadSuccess: true, + isUpdateSuccess: true, + isSaveSuccess: true + } + this.store.dispatch(new SetResourcesState(resourcesState)); + } + } + + UploadSourcesData() { + this.resourcesData.emit(this.resources); + } + + drop(event: CdkDragDrop) { + if (!this.checkIfSourceExists(this.sourcesOptions, event.item.element.nativeElement.innerText)) { + if (event.previousContainer === event.container) { + moveItemInArray(event.container.data, event.previousIndex, event.currentIndex); + } else { + transferArrayItem(event.previousContainer.data, + event.container.data, + event.previousIndex, + event.currentIndex); + } + this.tempOption.forEach((item) => { + if (item.name == event.item.element.nativeElement.innerText) { + this.apiService.getModelType(item.value) + .subscribe(data => { + console.log(data); + data.forEach(dataitem => { + if (typeof (dataitem) == "object") { + for (let key1 in dataitem) { + if (key1 == 'properties') { + let newPropObj = {}; + newPropObj["name"] = event.item.element.nativeElement.innerText; + newPropObj['data'] = {}; + let newSoruceObj = {}; + for (let key2 in dataitem[key1]) { + newSoruceObj[key2] = '';; } - }); + newPropObj['data']['properties'] = newSoruceObj; + this.sourcesOptions.forEach(sourcesOptionsitem => { + if (sourcesOptionsitem.name == item.name) { + sourcesOptionsitem.data = newPropObj['data']; + } + }); + } } } + }); + let newsources = {}; + this.sourcesOptions.forEach(sourceItem => { + console + newsources[sourceItem.name] = {}; + newsources[sourceItem.name] = sourceItem.data; + }); + this.resources.definition.sources = newsources; + let resourcesState = { + resources: this.resources, + isLoadSuccess: true, + isUpdateSuccess: true, + isSaveSuccess: true } + this.store.dispatch(new SetResourcesState(resourcesState)); }); - }); - } - }); + } + }); + } } - } - getResources() { - this.apiService.getSources() - .subscribe(data=>{ - console.log(data); - for (let key in data[0]) { - let sourceObj = { name: key, value: data[0][key] } - this.option.push(sourceObj); - this.tempOption.push(sourceObj); - } - }, error=>{ - console.log(error); - }) - } + getResources() { + this.apiService.getSources() + .subscribe(data => { + console.log(data); + for (let key in data[0]) { + let sourceObj = { name: key, value: data[0][key] } + this.option.push(sourceObj); + this.tempOption.push(sourceObj); + } + }, error => { + console.log(error); + }) + } - checkIfSourceExists(sourceName) { - let sourceExists: boolean = false; - this.sourcesOptions.forEach(item => { - if (item.name == sourceName) { - sourceExists = true; - } - }); - return sourceExists; -} + checkIfSourceExists(sourceList, sourceName) { + let sourceExists: boolean = false; + sourceList.forEach(item => { + if (item.name == sourceName) { + sourceExists = true; + } + }); + return sourceExists; + } }