dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Improvement alarm details dialog

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2022-06-21 17:14:03 +03:00
parent a2422dab00
commit d05712d3e2
2 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
ui-ngx/src/app/modules/home/components/alarm/alarm-details-dialog.component.ts
View File

@ -35,7 +35,8 @@ import { DatePipe } from '@angular/common';
import { TranslateService } from '@ngx-translate/core';
export interface AlarmDetailsDialogData {
alarmId: string;
alarmId?: string;
alarm?: AlarmInfo;
allowAcknowledgment: boolean;
allowClear: boolean;
displayDetails: boolean;
@ -48,6 +49,7 @@ export interface AlarmDetailsDialogData {
})
export class AlarmDetailsDialogComponent extends DialogComponent<AlarmDetailsDialogComponent, boolean> implements OnInit {
alarmId: string;
alarmFormGroup: FormGroup;
allowAcknowledgment: boolean;
@ -93,12 +95,17 @@ export class AlarmDetailsDialogComponent extends DialogComponent<AlarmDetailsDia
}
);
this.loadAlarm();
if (!this.data.alarm) {
this.alarmId = this.data.alarmId;
this.loadAlarm();
} else {
this.alarmId = this.data.alarm?.id?.id;
this.loadAlarmSubject.next(this.data.alarm);
}
}
loadAlarm() {
this.alarmService.getAlarmInfo(this.data.alarmId).subscribe(
this.alarmService.getAlarmInfo(this.alarmId).subscribe(
alarm => this.loadAlarmSubject.next(alarm)
);
}
@ -140,15 +147,25 @@ export class AlarmDetailsDialogComponent extends DialogComponent<AlarmDetailsDia
}
acknowledge(): void {
this.alarmService.ackAlarm(this.data.alarmId).subscribe(
() => { this.alarmUpdated = true; this.loadAlarm(); }
);
if (this.alarmId) {
this.alarmService.ackAlarm(this.alarmId).subscribe(
() => {
this.alarmUpdated = true;
this.loadAlarm();
}
);
}
}
clear(): void {
this.alarmService.clearAlarm(this.data.alarmId).subscribe(
() => { this.alarmUpdated = true; this.loadAlarm(); }
);
if (this.alarmId) {
this.alarmService.clearAlarm(this.alarmId).subscribe(
() => {
this.alarmUpdated = true;
this.loadAlarm();
}
);
}
}
}

8
ui-ngx/src/app/modules/home/components/alarm/alarm-table-config.ts
View File

@ -109,7 +109,7 @@ export class AlarmTableConfig extends EntityTableConfig<AlarmInfo, TimePageLink>
{
name: this.translate.instant('alarm.details'),
icon: 'more_horiz',
isEnabled: (entity) => this.authUser.authority !== Authority.CUSTOMER_USER || entity.customerId.id === this.authUser.customerId,
isEnabled: () => true,
onAction: ($event, entity) => this.showAlarmDetails(entity)
}
);
@ -121,6 +121,7 @@ export class AlarmTableConfig extends EntityTableConfig<AlarmInfo, TimePageLink>
}
showAlarmDetails(entity: AlarmInfo) {
const isPermissionWrite = this.authUser.authority !== Authority.CUSTOMER_USER || entity.customerId.id === this.authUser.customerId;
this.dialog.open<AlarmDetailsDialogComponent, AlarmDetailsDialogData, boolean>
(AlarmDetailsDialogComponent,
{
@ -128,8 +129,9 @@ export class AlarmTableConfig extends EntityTableConfig<AlarmInfo, TimePageLink>
panelClass: ['tb-dialog', 'tb-fullscreen-dialog'],
data: {
alarmId: entity.id.id,
allowAcknowledgment: true,
allowClear: true,
alarm: entity,
allowAcknowledgment: isPermissionWrite,
allowClear: isPermissionWrite,
displayDetails: true
}
}).afterClosed().subscribe(