summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/customModal/services/modal.service.ts
blob: f46ee489694a3626e6ac318918bf7cb22ab6e1c2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import {ComponentRef, Injectable, Type} from "@angular/core";
import {CreateDynamicComponentService} from "./create-dynamic-component.service";
import {ModalType} from "../models/modal.type";
import {ButtonType} from "../models/button.type";
import {ModalButtonComponent} from "onap-ui-angular/dist/modals/modal-button.component";
import {ModalSize} from "../models/modal.size";
import {IModalConfig} from "../models/modal.model";
import {ModalComponent} from "../modal.component";


@Injectable()
export class ModalService {

  constructor(private createDynamicComponentService: CreateDynamicComponentService) {
  }

  private getBaseModal = (type: ModalType | ButtonType, title: string, message: string, testId: string, buttons?: ModalButtonComponent[]): ModalComponent => {
    const modalConfig = {
      size: ModalSize.small,
      title: title,
      message: message,
      testId: testId,
      buttons: buttons ? buttons : [{text: 'OK', type: type, closeModal: true}],
      type: type
    } as IModalConfig;
    const modalInstance: ComponentRef<ModalComponent> = this.openModal(modalConfig);
    return modalInstance.instance;
  };

  /* Shortcut method to open basic modals with title, message, and OK button that simply closes the modal. */
  public openInfoModal = (title: string, message: string, testId: string, buttons?: ModalButtonComponent[]): ModalComponent => {

    return this.getBaseModal(ModalType.info, title, message, testId, buttons);
  };

  public openWarningModal = (title: string, message: string, testId: string, buttons?: ModalButtonComponent[]): ModalComponent => {
    return this.getBaseModal(ModalType.warning, title, message, testId, buttons);
  };

  public openErrorModal = (title: string, message: string, testId: string, buttons?: ModalButtonComponent[]): ModalComponent => {
    return this.getBaseModal(ModalType.error, title, message, testId, buttons);
  };

  public openSuccessModal = (title: string, message: string, testId: string, buttons?: ModalButtonComponent[]): ModalComponent => {
    return this.getBaseModal(ModalType.success, title, message, testId, buttons);
  };

  public openCustomModal = (modalConfig: IModalConfig, dynamicComponentType: Type<any>, dynamicComponentInput?: any) => {
    const modalInstance: ComponentRef<ModalComponent> = this.openModal(modalConfig);
    this.createInnnerComponent(modalInstance, dynamicComponentType, dynamicComponentInput);
    return modalInstance.instance;
  };

  public createInnnerComponent = (modalInstance: ComponentRef<ModalComponent>, dynamicComponentType: Type<any>, dynamicComponentInput?: any): void => {
    modalInstance.instance.innerModalContent = this.createDynamicComponentService.insertComponentDynamically(dynamicComponentType, dynamicComponentInput, modalInstance.instance.dynamicContentContainer);
  };

  public openModal = (customModalData: IModalConfig): ComponentRef<ModalComponent> => {
    let modalInstance: ComponentRef<ModalComponent> = this.createDynamicComponentService.createComponentDynamically(ModalComponent, customModalData);
    modalInstance.instance.instanceRef = modalInstance;
    return modalInstance;
  }

}