106 lines
3.4 KiB
TypeScript
106 lines
3.4 KiB
TypeScript
///
|
|
/// Copyright © 2016-2023 The Thingsboard Authors
|
|
///
|
|
/// 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.
|
|
///
|
|
|
|
import { Component, Input, OnInit, ViewChild } from '@angular/core';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { DatePipe } from '@angular/common';
|
|
import { MatDialog } from '@angular/material/dialog';
|
|
import { EntityId } from '@shared/models/id/entity-id';
|
|
import { EntitiesTableComponent } from '@home/components/entity/entities-table.component';
|
|
import { DialogService } from '@core/services/dialog.service';
|
|
import { AlarmTableConfig } from './alarm-table-config';
|
|
import { AlarmSearchStatus, AlarmsMode } from '@shared/models/alarm.models';
|
|
import { AlarmService } from '@app/core/http/alarm.service';
|
|
import { Store } from '@ngrx/store';
|
|
import { AppState } from '@core/core.state';
|
|
import { ActivatedRoute } from '@angular/router';
|
|
import { isDefinedAndNotNull } from '@core/utils';
|
|
|
|
@Component({
|
|
selector: 'tb-alarm-table',
|
|
templateUrl: './alarm-table.component.html',
|
|
styleUrls: ['./alarm-table.component.scss']
|
|
})
|
|
export class AlarmTableComponent implements OnInit {
|
|
|
|
activeValue = false;
|
|
dirtyValue = false;
|
|
entityIdValue: EntityId;
|
|
alarmsMode = AlarmsMode.ENTITY;
|
|
detailsMode = true;
|
|
|
|
@Input()
|
|
set active(active: boolean) {
|
|
if (this.activeValue !== active) {
|
|
this.activeValue = active;
|
|
if (this.activeValue && this.dirtyValue) {
|
|
this.dirtyValue = false;
|
|
this.entitiesTable.updateData();
|
|
}
|
|
}
|
|
}
|
|
|
|
@Input()
|
|
set entityId(entityId: EntityId) {
|
|
this.entityIdValue = entityId;
|
|
if (this.alarmTableConfig && this.alarmTableConfig.entityId !== entityId) {
|
|
this.alarmTableConfig.searchStatus = AlarmSearchStatus.ANY;
|
|
this.alarmTableConfig.entityId = entityId;
|
|
this.entitiesTable.resetSortAndFilter(this.activeValue);
|
|
if (!this.activeValue) {
|
|
this.dirtyValue = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewChild(EntitiesTableComponent, {static: true}) entitiesTable: EntitiesTableComponent;
|
|
|
|
alarmTableConfig: AlarmTableConfig;
|
|
|
|
constructor(private alarmService: AlarmService,
|
|
private dialogService: DialogService,
|
|
private translate: TranslateService,
|
|
private datePipe: DatePipe,
|
|
private dialog: MatDialog,
|
|
private store: Store<AppState>,
|
|
private route: ActivatedRoute) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.dirtyValue = !this.activeValue;
|
|
const pageMode = !!this.route.snapshot.data.isPage;
|
|
if (pageMode) {
|
|
this.detailsMode = false;
|
|
}
|
|
if (isDefinedAndNotNull(this.route.snapshot.data.alarmsMode)) {
|
|
this.alarmsMode = this.route.snapshot.data.alarmsMode;
|
|
}
|
|
this.alarmTableConfig = new AlarmTableConfig(
|
|
this.alarmService,
|
|
this.dialogService,
|
|
this.translate,
|
|
this.datePipe,
|
|
this.dialog,
|
|
this.alarmsMode,
|
|
this.entityIdValue,
|
|
AlarmSearchStatus.ANY,
|
|
this.store,
|
|
pageMode
|
|
);
|
|
}
|
|
|
|
}
|