1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
/*
* ============LICENSE_START=======================================================
* ONAP : CDS
* ================================================================================
* Copyright (C) 2020 TechMahindra
*=================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============LICENSE_END=========================================================
*/
import { Component, OnInit } from '@angular/core';
import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
import { SourcesStore } from './sources.store';
import { DictionaryCreationService } from '../dictionary-creation.service';
@Component({
selector: 'app-sources-template',
templateUrl: './sources-template.component.html',
styleUrls: ['./sources-template.component.css']
})
export class SourcesTemplateComponent implements OnInit {
private searchQuery = '';
lang = 'json';
sources = {};
option = [];
sourcesOptions = [];
textValue: any;
selectItem: boolean;
ddSource = [];
checked: boolean;
searchText = '';
text = '';
selectedArray = [];
constructor(
private sourcesStore: SourcesStore,
private dictionaryCreationService: DictionaryCreationService
) {
}
ngOnInit() {
// this.sourcesStore.getAllSources();
this.dictionaryCreationService.getSources().subscribe(sources => {
// console.log(sources);
this.sources = sources[0];
// this.sources = {
// "input": "source-input", "rest": "source-rest", "default":"source-default", "capability": "source-capability",
// "sdnc": "source-rest", "vault-data": "source-rest", "processor-db": "source-db", "aai-data": "source-rest",
// "script": "source-capability"
// };
for (const key in this.sources) {
if (key) {
console.log(key + ' - ' + this.sources[key]);
const sourceObj = { name: key, value: this.sources[key] };
this.option.push(sourceObj);
}
}
});
}
saveSorcesDataToStore() {
this.sourcesStore.saveSources(this.ddSource);
}
drop(event: CdkDragDrop<string[]>) {
console.log('-------------');
console.log(event);
this.ddSource = [];
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);
}
for (const key2 in this.sources) {
if (key2) {
const originalSources = this.sourcesOptions;
for (const key of originalSources) {
/* tslint:disable:no-string-literal */
if (key.name === key2['name']) {
const obj = `{${key.name}: ${key.value}}`;
this.ddSource.push(obj);
}
}
}
}
}
searchDictionary(event: any) {
this.searchQuery = event.target.value;
this.searchQuery = this.searchQuery.trim();
console.log(this.searchQuery);
// this.dictionaryStore.search(this.searchQuery);
}
onChange(item: string, isChecked: boolean) {
if (isChecked) {
this.selectedArray.push(item);
}
}
textChanged(event, item) {
const editedData = JSON.parse(event);
const originalSources = this.sources;
for (const key in originalSources) {
if (key === item.name) {
this.sources[key] = editedData;
}
}
this.option = [];
this.sourcesStore.changeSources(this.sources);
}
}
|