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 = true;

  @ViewChild('settingsForm')
  form: HTMLFormElement;

  @Output('hasAvailableSettings')
  hasAvailableSettings = true;

  public inProgress = false;
  public error: string = null;
  public changed = 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;
  }

}