thingsboard/ui-ngx/src/app/modules/home/components/debug-settings/debug-settings-panel.component.ts

///
/// 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();
  }
}