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
|
/*
* -
* ============LICENSE_START=======================================================
* Copyright (C) 2022 Nordix Foundation.
* ================================================================================
* 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.
*
* SPDX-License-Identifier: Apache-2.0
* ============LICENSE_END=========================================================
*/
import {Component, Input, OnInit} from '@angular/core';
import {DataTypeModel} from "../../../../models/data-types";
import {DataTypeService} from "../../../services/data-type.service";
import {PropertyBEModel} from "../../../../models/properties-inputs/property-be-model";
import { Subject } from "rxjs";
import {debounceTime, distinctUntilChanged} from "rxjs/operators";
@Component({
selector: 'app-type-workspace-properties',
templateUrl: './type-workspace-properties.component.html',
styleUrls: ['./type-workspace-properties.component.less']
})
export class TypeWorkspacePropertiesComponent implements OnInit {
@Input() isViewOnly = true;
@Input() dataType: DataTypeModel = new DataTypeModel();
properties: Array<PropertyBEModel> = [];
filteredProperties: Array<PropertyBEModel> = [];
tableHeadersList: Array<TableHeader> = [];
tableSortBy: string = 'name';
tableColumnReverse: boolean = false;
tableFilterTerm: string = undefined;
tableSearchTermUpdate = new Subject<string>();
constructor(private dataTypeService: DataTypeService) { }
ngOnInit(): void {
this.initTable();
this.initProperties();
this.tableSearchTermUpdate.pipe(
debounceTime(400),
distinctUntilChanged())
.subscribe(searchTerm => {
this.filter(searchTerm);
});
}
private initTable(): void {
this.tableHeadersList = [
{title: 'Name', property: 'name'},
{title: 'Type', property: 'type'},
{title: 'Schema', property: 'schema.property.type'},
{title: 'Description', property: 'description'},
];
this.tableSortBy = this.tableHeadersList[0].property;
}
private initProperties(): void {
this.dataTypeService.findAllProperties(this.dataType.uniqueId).subscribe(properties => {
this.properties = properties.map(value => new PropertyBEModel(value));
this.filteredProperties = Array.from(this.properties);
this.sort();
});
}
onUpdateSort(property: string): void {
if (this.tableSortBy === property) {
this.tableColumnReverse = !this.tableColumnReverse;
} else {
this.tableColumnReverse = false;
this.tableSortBy = property;
}
this.sort();
}
private sort(): void {
const field = this.tableSortBy;
this.filteredProperties = this.filteredProperties.sort((property1, property2) => {
const result = property1[field] > property2[field] ? 1 : property1[field] < property2[field] ? -1 : 0;
return this.tableColumnReverse ? result * -1 : result;
});
}
private filter(searchTerm: string): void {
if (searchTerm) {
searchTerm = searchTerm.toLowerCase();
this.filteredProperties = this.properties.filter(property =>
property.name.toLowerCase().includes(searchTerm)
|| property.type.toLowerCase().includes(searchTerm)
|| (property.getSchemaType() && property.getSchemaType().toLowerCase().includes(searchTerm))
|| (property.description && property.description.toLowerCase().includes(searchTerm))
);
} else {
this.filteredProperties = Array.from(this.properties);
}
this.sort();
}
}
interface TableHeader {
title: string;
property: string;
}
|
