thingsboard/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.ts

///
/// Copyright © 2016-2025 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, OnInit, DestroyRef } from '@angular/core';
import { PageComponent } from '@shared/components/page.component';
import { HasConfirmForm } from '@core/guards/confirm-on-exit.guard';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { TrendzSettingsService } from '@core/http/trendz-settings.service';
import { TrendzSettings } from '@shared/models/trendz-settings.models';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({
  selector: 'tb-trendz-settings',
  templateUrl: './trendz-settings.component.html',
  styleUrls: ['./trendz-settings.component.scss', './settings-card.scss']
})
export class TrendzSettingsComponent extends PageComponent implements OnInit, HasConfirmForm {

  trendzSettingsForm: FormGroup;

  constructor(private fb: FormBuilder,
              private trendzSettingsService: TrendzSettingsService,
              private destroyRef: DestroyRef) {
    super();
  }

  ngOnInit() {
    this.trendzSettingsForm = this.fb.group({
      isTrendzEnabled: [false],
      trendzUrl: [null, [Validators.pattern(/^(https?:\/\/)[^\s/$.?#].[^\s]*$/i)]],
      apiKey: [null]
    });

    this.trendzSettingsService.getTrendzSettings().subscribe((trendzSettings) => {
      this.setTrendzSettings(trendzSettings);
    });

    this.trendzSettingsForm.get('isTrendzEnabled').valueChanges
          .pipe(takeUntilDestroyed(this.destroyRef))
          .subscribe((enabled: boolean) => this.toggleUrlRequired(enabled));
  }

  toggleUrlRequired(enabled: boolean) {
    const trendzUrlControl = this.trendzSettingsForm.get('trendzUrl')!;

    if (enabled) {
      trendzUrlControl.addValidators(Validators.required);
    } else {
      trendzUrlControl.removeValidators(Validators.required);
    }

    trendzUrlControl.updateValueAndValidity();
  }

  setTrendzSettings(trendzSettings: TrendzSettings) {
    this.trendzSettingsForm.reset({
      isTrendzEnabled: trendzSettings?.enabled ?? false,
      trendzUrl: trendzSettings?.baseUrl,
      apiKey: trendzSettings?.apiKey
    });

    this.toggleUrlRequired(this.trendzSettingsForm.get('isTrendzEnabled').value);
  }

  confirmForm(): FormGroup {
    return this.trendzSettingsForm;
  }

  save(): void {
    const isTrendzEnabled =   this.trendzSettingsForm.get('isTrendzEnabled').value;
    const trendzUrl = this.trendzSettingsForm.get('trendzUrl').value;
    const apiKey = this.trendzSettingsForm.get('apiKey').value;

    const trendzSettings: TrendzSettings = {
      enabled: isTrendzEnabled,
      baseUrl: trendzUrl,
      apiKey: apiKey
    };

    this.trendzSettingsService.saveTrendzSettings(trendzSettings)
      .subscribe(() => {
        this.setTrendzSettings(trendzSettings);
      })
  }
}