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

import {OnDestroy, OnInit, 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 {ISettingsService} from "./abstract.settings.service";


export abstract class SettingsComponent<T> implements OnInit, OnDestroy {

  @ViewChild('settingsForm') form;
  public settings: T = <T>{};
  public inProgress = false;
  private original: T = <T>{};
  public error: string = null;
  public changed: boolean = false;
  private subscription = null;

  constructor(private name,
              private _authService: AuthenticationService,
              private _navigation: NavigationService,
              protected _settingsService: ISettingsService<T>,
              private notification: NotificationService) {
  }

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

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

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

  private async getSettings() {
    const s = await this._settingsService.getSettings();
    this.original = Utils.clone(s);
    this.settings = s;
    console.log(this.settings);
    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 + ' settings saved', "Success");
    } catch (err) {
      console.log(err);
      if (err.message) {
        this.error = (<ErrorDTO>err).message;
      }
    }
    this.inProgress = false;

  }

}