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
|
import { DatePipe } from '@angular/common';
import { Component, Input, OnChanges, OnInit, TemplateRef, ViewChild } from '@angular/core';
import { HostService } from '~/app/shared/api/host.service';
import { OsdService } from '~/app/shared/api/osd.service';
import { CellTemplate } from '~/app/shared/enum/cell-template.enum';
import { CdTableColumn } from '~/app/shared/models/cd-table-column';
import { CdDevice } from '~/app/shared/models/devices';
@Component({
selector: 'cd-device-list',
templateUrl: './device-list.component.html',
styleUrls: ['./device-list.component.scss']
})
export class DeviceListComponent implements OnChanges, OnInit {
@Input()
hostname = '';
@Input()
osdId: number = null;
@ViewChild('deviceLocation', { static: true })
locationTemplate: TemplateRef<any>;
@ViewChild('lifeExpectancy', { static: true })
lifeExpectancyTemplate: TemplateRef<any>;
@ViewChild('lifeExpectancyTimestamp', { static: true })
lifeExpectancyTimestampTemplate: TemplateRef<any>;
devices: CdDevice[] = null;
columns: CdTableColumn[] = [];
translationMapping = {
'=1': '# week',
other: '# weeks'
};
constructor(
private hostService: HostService,
private datePipe: DatePipe,
private osdService: OsdService
) {}
ngOnInit() {
this.columns = [
{ prop: 'devid', name: $localize`Device ID`, minWidth: 200 },
{
prop: 'state',
name: $localize`State of Health`,
flexGrow: 1,
cellTransformation: CellTemplate.badge,
customTemplateConfig: {
map: {
good: { value: $localize`Good`, class: 'badge-success' },
warning: { value: $localize`Warning`, class: 'badge-warning' },
bad: { value: $localize`Bad`, class: 'badge-danger' },
stale: { value: $localize`Stale`, class: 'badge-info' },
unknown: { value: $localize`Unknown`, class: 'badge-dark' }
}
}
},
{
prop: 'life_expectancy_weeks',
name: $localize`Life Expectancy`,
cellTemplate: this.lifeExpectancyTemplate
},
{
prop: 'life_expectancy_stamp',
name: $localize`Prediction Creation Date`,
cellTemplate: this.lifeExpectancyTimestampTemplate,
pipe: this.datePipe,
isHidden: true
},
{ prop: 'location', name: $localize`Device Name`, cellTemplate: this.locationTemplate },
{ prop: 'readableDaemons', name: $localize`Daemons` }
];
}
ngOnChanges() {
const updateDevicesFn = (devices: CdDevice[]) => (this.devices = devices);
if (this.hostname) {
this.hostService.getDevices(this.hostname).subscribe(updateDevicesFn);
} else if (this.osdId !== null) {
this.osdService.getDevices(this.osdId).subscribe(updateDevicesFn);
}
}
}
|