device-profiles-edit.component.ts

import { Location } from '@angular/common';
import { HttpErrorResponse } from '@angular/common/http';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { TranslateService } from '@ngx-translate/core';
import { ErrorMessageService } from '@shared/error-message.service';
import { BackButton } from '@shared/models/back-button.model';
import { MeService } from '@shared/services/me.service';
import { Subscription } from 'rxjs';
import { DeviceProfile } from '../device-profile.model';
import { DeviceProfileService } from '../device-profile.service';
import { OrganizationAccessScope } from '@shared/enums/access-scopes';
import { AdrAlgorithm, AdrAlgorithmResponse } from '@app/network-server/adr-algorithm.model';
import { NetworkServerService } from '@app/network-server/network-server.service';

@Component({
  selector: 'app-device-profiles-edit',
  templateUrl: './device-profiles-edit.component.html',
  styleUrls: ['./device-profiles-edit.component.scss']
})
export class DeviceProfilesEditComponent implements OnInit, OnDestroy {
  id: string;
  deviceProfile = new DeviceProfile();
  subscription: Subscription;

  public errorMessage: string;
  public errorMessages: string[];
  public errorFields: string[];
  public formFailedSubmit = false;
  public title = '';
  public backButton: BackButton = { label: '', routerLink: '/profiles' };
  public adrAlgorithms: AdrAlgorithm[] = [];

  constructor(
    private route: ActivatedRoute,
    private translate: TranslateService,
    private deviceProfileService: DeviceProfileService,
    private location: Location,
    private meService: MeService,
    private errorMessageService: ErrorMessageService,
    private networkServerService: NetworkServerService
  ) { }

  ngOnInit(): void {
    this.translate.get(['PROFILES.NAME', 'FORM.EDIT-DEVICE-PROFILE'])
      .subscribe(translations => {
        this.title = translations['FORM.EDIT-DEVICE-PROFILE'];
        this.backButton.label = translations['PROFILES.NAME'];
      });

    this.networkServerService.getAllAdrAlgorithms()
      .subscribe(
        response => {
          this.adrAlgorithms = response.adrAlgorithms;
        });

    this.id = this.route.snapshot.paramMap.get('deviceId');
    if (this.id) {
      this.getDeviceProfile(this.id);
    } else {
      this.deviceProfile.canEdit = true;
    }
  }

  getDeviceProfile(id: string) {
    this.subscription = this.deviceProfileService.getOne(id)
      .subscribe(
        (response) => {
          this.deviceProfile = response.deviceProfile;
          this.canEdit();
          this.deviceProfile.factoryPresetFreqsInput = this.deviceProfile.factoryPresetFreqs.map(String).join();
        },
        (error: HttpErrorResponse) => {
          console.log(error);
        }
      );
  }

  canEdit() {
    if (this.deviceProfile.organizationID) {
      this.deviceProfile.canEdit = this.meService.hasAccessToTargetOrganization(OrganizationAccessScope.ApplicationWrite, this.deviceProfile.internalOrganizationId);
    } else {
      this.deviceProfile.canEdit = true;
    }
  }

  private create(): void {
    this.deviceProfileService.post(this.deviceProfile)
      .subscribe(
        (response) => {
          console.log(response);
          this.routeBack();
        },
        (error: HttpErrorResponse) => {
          this.showError(error);
        }
      );
  }

  private update(): void {
    this.deviceProfileService.put(this.deviceProfile)
      .subscribe(
        (response) => {
          this.routeBack();
        },
        (error) => {
          this.showError(error);
        });
  }

  routeBack(): void {
    this.location.back();
  }

  public compare(o1: any, o2: any): boolean {
    return o1 === o2;
  }

  private showError(error: HttpErrorResponse) {
    if (error.status == 403) {
      this.errorMessages = ["Forbudt"]
    } else {
      const errors = this.errorMessageService.handleErrorMessageWithFields(error);
      this.errorFields = errors?.errorFields;
      this.errorMessages = errors?.errorMessages;
    }
  }

  onSubmit(): void {
    if (this.deviceProfile.factoryPresetFreqsInput) {
      const splitToNumberString = this.deviceProfile.factoryPresetFreqsInput.split(',');
      const convToNumberArray: number[] = splitToNumberString.map(Number);
      this.deviceProfile.factoryPresetFreqs = convToNumberArray;
    }
    if (this.deviceProfile.id) {
      this.update();
    } else {
      this.create();
    }
  }

  ngOnDestroy() {
    // prevent memory leak by unsubscribing
    if (this.subscription) {
      this.subscription.unsubscribe();
    }
  }
}