enum VisibilityState {
  VISIBLE,
  HIDDEN
}

enum CompletionState {
  NONE,
  SUCCESS,
  ERROR
}

export class LoaderModel {
  private defaultMessage: string = 'Loading...';
  private message: string = this.defaultMessage;

  closable = false;
  states = {
    visibility: VisibilityState,
    completion: CompletionState
  };

  visibility: VisibilityState;
  completion: CompletionState;

  setVisibility(value: boolean) {
    this.completion = this.states.completion.NONE;
    this.visibility = value
      ? this.states.visibility.VISIBLE
      : this.states.visibility.HIDDEN;
    this.closable = !value;
  }

  setMessage(message: string) {
    if (message) {
      this.message = message;
    } else {
      this.message = this.defaultMessage;
    }
  }

  success(message: string) {
    if (!message || message.length < 1) {
      return;
    }
    this.message = message;
    this.completion = this.states.completion.SUCCESS;
    this.visibility = this.states.visibility.VISIBLE;
    this.closable = true;
  }

  error(message: string) {
    if (!message || message.length < 1) {
      return;
    }
    this.message = message;
    this.completion = this.states.completion.ERROR;
    this.visibility = this.states.visibility.VISIBLE;
    this.closable = true;
  }

  close() {
    if (this.closable) {
      this.message = null;
      this.completion = this.states.completion.NONE;
      this.visibility = this.states.visibility.HIDDEN;
    }
  }
}