135 lines
4.3 KiB
TypeScript
135 lines
4.3 KiB
TypeScript
///
|
|
/// Copyright © 2016-2024 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 {
|
|
booleanAttribute,
|
|
ChangeDetectionStrategy,
|
|
ChangeDetectorRef,
|
|
Component,
|
|
EventEmitter,
|
|
Input,
|
|
OnInit
|
|
} from '@angular/core';
|
|
import { PageComponent } from '@shared/components/page.component';
|
|
import { TbPopoverComponent } from '@shared/components/popover.component';
|
|
import { FormBuilder } from '@angular/forms';
|
|
import { CommonModule } from '@angular/common';
|
|
import { SharedModule } from '@shared/shared.module';
|
|
import { SECOND } from '@shared/models/time/time.models';
|
|
import { DurationLeftPipe } from '@shared/pipe/duration-left.pipe';
|
|
import { of, shareReplay, timer } from 'rxjs';
|
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
import { DebugSettings } from '@shared/models/entity.models';
|
|
import { distinctUntilChanged, map, startWith, switchMap, takeWhile } from 'rxjs/operators';
|
|
|
|
@Component({
|
|
selector: 'tb-debug-settings-panel',
|
|
templateUrl: './debug-settings-panel.component.html',
|
|
standalone: true,
|
|
imports: [
|
|
SharedModule,
|
|
CommonModule,
|
|
DurationLeftPipe
|
|
],
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
})
|
|
export class DebugSettingsPanelComponent extends PageComponent implements OnInit {
|
|
|
|
@Input() popover: TbPopoverComponent<DebugSettingsPanelComponent>;
|
|
@Input({ transform: booleanAttribute }) failuresEnabled = false;
|
|
@Input({ transform: booleanAttribute }) allEnabled = false;
|
|
@Input() allEnabledUntil = 0;
|
|
@Input() maxDebugModeDurationMinutes: number;
|
|
@Input() debugLimitsConfiguration: string;
|
|
|
|
onFailuresControl = this.fb.control(false);
|
|
debugAllControl = this.fb.control(false);
|
|
|
|
maxMessagesCount: string;
|
|
maxTimeFrameSec: string;
|
|
initialAllEnabled: boolean;
|
|
|
|
isDebugAllActive$ = this.debugAllControl.valueChanges.pipe(
|
|
startWith(this.debugAllControl.value),
|
|
switchMap(value => {
|
|
if (value) {
|
|
return of(true);
|
|
} else {
|
|
return timer(0, SECOND).pipe(
|
|
map(() => this.allEnabledUntil > new Date().getTime()),
|
|
takeWhile(value => value, true)
|
|
);
|
|
}
|
|
}),
|
|
takeUntilDestroyed(),
|
|
shareReplay(1),
|
|
);
|
|
|
|
onSettingsApplied = new EventEmitter<DebugSettings>();
|
|
|
|
constructor(private fb: FormBuilder,
|
|
private cd: ChangeDetectorRef) {
|
|
super();
|
|
|
|
this.debugAllControl.valueChanges.pipe(
|
|
takeUntilDestroyed()
|
|
).subscribe(value => {
|
|
this.allEnabled = value;
|
|
this.cd.markForCheck();
|
|
});
|
|
|
|
this.isDebugAllActive$.pipe(
|
|
distinctUntilChanged(),
|
|
takeUntilDestroyed()
|
|
).subscribe(isDebugOn => this.debugAllControl.patchValue(isDebugOn, {emitEvent: false}))
|
|
}
|
|
|
|
ngOnInit(): void {
|
|
this.maxMessagesCount = this.debugLimitsConfiguration?.split(':')[0];
|
|
this.maxTimeFrameSec = this.debugLimitsConfiguration?.split(':')[1];
|
|
this.onFailuresControl.patchValue(this.failuresEnabled);
|
|
this.debugAllControl.patchValue(this.allEnabled);
|
|
this.initialAllEnabled = this.allEnabled || this.allEnabledUntil > new Date().getTime();
|
|
}
|
|
|
|
onCancel(): void {
|
|
this.popover?.hide();
|
|
}
|
|
|
|
onApply(): void {
|
|
const isDebugAllChanged = this.initialAllEnabled !== this.debugAllControl.value || this.initialAllEnabled !== this.allEnabledUntil > new Date().getTime();
|
|
if (isDebugAllChanged) {
|
|
this.onSettingsApplied.emit({
|
|
allEnabled: this.allEnabled,
|
|
failuresEnabled: this.onFailuresControl.value,
|
|
allEnabledUntil: 0,
|
|
});
|
|
} else {
|
|
this.onSettingsApplied.emit({
|
|
allEnabled: false,
|
|
failuresEnabled: this.onFailuresControl.value,
|
|
allEnabledUntil: this.allEnabledUntil,
|
|
});
|
|
}
|
|
}
|
|
|
|
onReset(): void {
|
|
this.debugAllControl.patchValue(true);
|
|
this.allEnabledUntil = 0;
|
|
this.cd.markForCheck();
|
|
}
|
|
}
|