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
|
import { Component, Input, OnChanges, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { TableComponent } from '~/app/shared/datatable/table/table.component';
import { CdTableColumn } from '~/app/shared/models/cd-table-column';
import {
RbdConfigurationEntry,
RbdConfigurationSourceField,
RbdConfigurationType
} from '~/app/shared/models/configuration';
import { RbdConfigurationSourcePipe } from '~/app/shared/pipes/rbd-configuration-source.pipe';
import { FormatterService } from '~/app/shared/services/formatter.service';
import { RbdConfigurationService } from '~/app/shared/services/rbd-configuration.service';
@Component({
selector: 'cd-rbd-configuration-table',
templateUrl: './rbd-configuration-list.component.html',
styleUrls: ['./rbd-configuration-list.component.scss']
})
export class RbdConfigurationListComponent implements OnInit, OnChanges {
@Input()
data: RbdConfigurationEntry[];
poolConfigurationColumns: CdTableColumn[];
@ViewChild('configurationSourceTpl', { static: true })
configurationSourceTpl: TemplateRef<any>;
@ViewChild('configurationValueTpl', { static: true })
configurationValueTpl: TemplateRef<any>;
@ViewChild('poolConfTable', { static: true })
poolConfTable: TableComponent;
readonly sourceField = RbdConfigurationSourceField;
readonly typeField = RbdConfigurationType;
constructor(
public formatterService: FormatterService,
private rbdConfigurationService: RbdConfigurationService
) {}
ngOnInit() {
this.poolConfigurationColumns = [
{ prop: 'displayName', name: $localize`Name` },
{ prop: 'description', name: $localize`Description` },
{ prop: 'name', name: $localize`Key` },
{
prop: 'source',
name: $localize`Source`,
cellTemplate: this.configurationSourceTpl,
pipe: new RbdConfigurationSourcePipe()
},
{ prop: 'value', name: $localize`Value`, cellTemplate: this.configurationValueTpl }
];
}
ngOnChanges(): void {
if (!this.data) {
return;
}
// Filter settings out which are not listed in RbdConfigurationService
this.data = this.data.filter((row) =>
this.rbdConfigurationService
.getOptionFields()
.map((o) => o.name)
.includes(row.name)
);
}
}
|