pigallery2/frontend/app/settings/_abstract/abstract.settings.component.ts

import {Input, OnChanges, OnDestroy, OnInit, Output, ViewChild} from "@angular/core";
import {AuthenticationService} from "../../model/network/authentication.service";
import {UserRoles} from "../../../../common/entities/UserDTO";
import {Utils} from "../../../../common/Utils";
import {ErrorDTO} from "../../../../common/entities/Error";
import {NotificationService} from "../../model/notification.service";
import {NavigationService} from "../../model/navigation.service";
import {AbstractSettingsService} from "./abstract.settings.service";
import {IPrivateConfig} from "../../../../common/config/private/IPrivateConfig";
import {I18n} from "@ngx-translate/i18n-polyfill";


export abstract class SettingsComponent<T, S extends AbstractSettingsService<T>=AbstractSettingsService<T>>
  implements OnInit, OnDestroy, OnChanges {

  @Input()
  public simplifiedMode: boolean = true;

  @ViewChild('settingsForm')
  form: HTMLFormElement;

  @Output('hasAvailableSettings')
  hasAvailableSettings: boolean = true;

  public inProgress = false;
  public error: string = null;
  public changed: boolean = false;
  private _subscription = null;
  private _settingsSubscription = null;

  public settings: T = <any>{};
  public original: T = <any>{};

  text = {
    Enabled: "Enabled",
    Disabled: "Disabled",
    Low: "Low",
    High: "High"
  };

  constructor(private name,
              private _authService: AuthenticationService,
              private _navigation: NavigationService,
              public _settingsService: S,
              protected notification: NotificationService,
              public i18n: I18n,
              private sliceFN?: (s: IPrivateConfig) => T) {
    if (this.sliceFN) {
      this._settingsSubscription = this._settingsService.Settings.subscribe(this.onNewSettings);
      this.onNewSettings(this._settingsService._settingsService.settings.value);
    }
    this.text.Enabled = i18n("Enabled");
    this.text.Disabled = i18n("Disabled");
    this.text.Low = i18n("Low");
    this.text.High = i18n("High");
  }

  onNewSettings = (s) => {
    this.settings = Utils.clone(this.sliceFN(s));
    this.original = Utils.clone(this.settings);
    this.ngOnChanges();
  };

  ngOnInit() {
    if (!this._authService.isAuthenticated() ||
      this._authService.user.value.role < UserRoles.Admin) {
      this._navigation.toLogin();
      return;
    }
    this.getSettings();

    this._subscription = this.form.valueChanges.subscribe((data) => {
      this.changed = !Utils.equalsFilter(this.settings, this.original);
    });

  }

  ngOnChanges(): void {
    this.hasAvailableSettings = (this._settingsService.isSupported() || !this.simplifiedMode);
  }


  ngOnDestroy() {
    if (this._subscription != null) {
      this._subscription.unsubscribe();
    }
    if (this._settingsSubscription != null) {
      this._settingsSubscription.unsubscribe();
    }
  }

  private async getSettings() {
    await this._settingsService.getSettings();
    this.changed = false;
  }

  public reset() {
    this.getSettings();
  }


  public async save() {
    this.inProgress = true;
    this.error = "";
    try {
      await this._settingsService.updateSettings(this.settings);
      await this.getSettings();
      this.notification.success(this.name + this.i18n(' settings saved'), this.i18n("Success"));
      this.inProgress = false;
      return true;
    } catch (err) {
      console.log(err);
      if (err.message) {
        this.error = (<ErrorDTO>err).message;
      }
    }

    this.inProgress = false;
    return false;
  }

}