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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
|
import {Component, Input, OnChanges, Output, SimpleChanges, EventEmitter} from '@angular/core';
import {ElementsTableService} from "./elements-table.service";
import {ModalInformation} from "./element-table-row.model";
import * as _ from 'lodash';
import {Level1Instance} from "../../../models/level1Instance";
import {NgRedux} from "@angular-redux/store";
import {AppState} from "../../../store/reducers";
import {
deleteGenericModalhelper,
deleteGenericModalTableDataHelper
} from "../../../storeUtil/utils/global/global.actions";
export class CustomTableColumnDefinition {
public displayName = '';
public key : any = '';
public type? = 'text';
public filter? = '';
}
@Component({
selector: 'app-members-table',
templateUrl: './elements-table.component.html',
styleUrls: ['./members-table.component.scss']
})
export class ElementsTableComponent implements OnChanges{
filterValue: string = null;
allMemberStatusMap = null;
membersTableService : ElementsTableService;
headers: CustomTableColumnDefinition[] = [];
searchQuery = null;
@Input() modalInformation : ModalInformation;
@Input() data: Level1Instance[];
@Output() selectedMembersAmountChange : EventEmitter<number> = new EventEmitter();
constructor(private _membersTableService : ElementsTableService, private _store : NgRedux<AppState>){
this.membersTableService = this._membersTableService;
}
ngOnChanges(changes: SimpleChanges): void {
if(_.isNil(this.data)){
this._membersTableService.resetAll(this.modalInformation.uniqObjectField, this.modalInformation.maxSelectRow);
}else {
ElementsTableService.uniqObjectField = this.modalInformation.uniqObjectField;
this.headers = this.modalInformation.tableHeaders;
const genericModalHelper = this._store.getState().global.genericModalHelper;
if(!_.isNil(genericModalHelper) && !_.isNil(genericModalHelper[`${this.modalInformation.type}_TABLE_DATA`]) && !_.isNil(genericModalHelper[`selected${this.modalInformation.type}`])){
this.updateTablWithDefaultData(this._store.getState().global.genericModalHelper[`${this.modalInformation.type}_TABLE_DATA`]);
}else {
this.modalInformation.getElements().subscribe((res)=>{
this.updateTablWithDefaultData(res);
});
}
}
}
updateTablWithDefaultData(tableData) : void{
this._membersTableService.allElementsStatusMap = this._membersTableService.generateAllMembersStatus(tableData);
this._membersTableService.filteredMembers = this._membersTableService.sortElementsByName(tableData, "instanceName");
this._membersTableService.updateAmountsAndCheckAll(this.modalInformation.uniqObjectField, this.modalInformation, this.modalInformation.maxSelectRow);
this.updateDefaultSelectedRows();
}
search(searchStr: string): void {
this.filterValue = searchStr;
this._membersTableService.filterMembers(this.filterValue, this.modalInformation.type);
}
selectItem(item , maxNumberOfRows : number) : void {
if (maxNumberOfRows === 1) {
for (let currentItem in this.membersTableService.allElementsStatusMap) {
if (this.membersTableService.allElementsStatusMap[currentItem].isSelected) {
this.membersTableService.allElementsStatusMap[currentItem].isSelected = false;
this.membersTableService.allElementsStatusMap[item[this.membersTableService.staticUniqObjectField]].isSelected = !this.membersTableService.allElementsStatusMap[item[this.membersTableService.staticUniqObjectField]].isSelected;
return;
}
}
this.membersTableService.allElementsStatusMap[item[this.membersTableService.staticUniqObjectField]].isSelected = !this.membersTableService.allElementsStatusMap[item[this.membersTableService.staticUniqObjectField]].isSelected;
}
}
updateDefaultSelectedRows(): void {
if(this._store.getState().global.genericModalHelper && this._store.getState().global.genericModalHelper[`selected${this.modalInformation.type}`]){
const selectedIds = this._store.getState().global.genericModalHelper[`selected${this.modalInformation.type}`];
for(const id in selectedIds){
if(!_.isNil(this._membersTableService.allElementsStatusMap[id])){
this._membersTableService.allElementsStatusMap[id].isSelected = true;
}
}
this._membersTableService.updateAmountsAndCheckAll(this.modalInformation.uniqObjectField, this.modalInformation, this.modalInformation.maxSelectRow);
this.selectedMembersAmountChange.emit(this._membersTableService.numberOfSelectedRows);
}
}
changeAllCheckboxStatus(status: boolean) : void {
this._membersTableService.changeAllCheckboxStatus(status);
this.selectedMembersAmountChange.emit(this._membersTableService.numberOfSelectedRows);
}
changeCheckboxStatus(vnfInstanceId: string) : void {
if (this.modalInformation.maxSelectRow === 1) {
for (let currentItem in this.membersTableService.allElementsStatusMap) {
if (this.membersTableService.allElementsStatusMap[currentItem].isSelected) {
this.membersTableService.allElementsStatusMap[currentItem].isSelected = false;
this._store.dispatch(deleteGenericModalhelper(`selected${this.modalInformation.type}`, this.membersTableService.allElementsStatusMap[currentItem][this.modalInformation.uniqObjectField]));
this._store.dispatch(deleteGenericModalTableDataHelper(`${this.modalInformation.type}_TABLE_DATA`));
}
}
}
this._membersTableService.changeCheckboxStatus(vnfInstanceId, this.data);
this.selectedMembersAmountChange.emit(this._membersTableService.numberOfSelectedRows);
}
getTdInformationItemId(data : {id : string[], value : string[], prefix ?: string}, item) : string {
let result = item;
for(const idVal of data.id){
if(_.isNil(result)) return null;
result = result[idVal];
}
return result;
}
getTdInformationItemValue(data : {id : string[], value : string[], prefix ?: string}, item) : string {
let result = item;
for(const idVal of data.value){
if(_.isNil(result)) return null;
result = result[idVal];
}
return !_.isNil(data.prefix) ? data.prefix + result : result;
}
getTdListInformationItemValue(data : {id : string[], value : string[], prefix ?: string}, item) : string[] {
let result = item;
for(let i = 0 ; i < data.value.length -1 ; i++){
if(_.isNil(result)) return null;
result = result[data.value[i]];
}
return _.map(result, _.last(data.value));
}
}
|
