dialog.service.ts

import { Injectable } from '@angular/core';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';

import { ProfileComponent } from './profile/profile.component';
import { SshKeysComponent } from './ssh-keys/ssh-keys.component';
import { AccountComponent } from './account/account.component';
import { QuestionnaireComponent } from './questionnaire/questionnaire.component';
import { CredentialsComponent } from './credentials/credentials.component';

import * as t from '../types/types.module';

@Injectable()
export class DialogService {
  profileDialog: MatDialogRef<any>;
  sshKeysDialog: MatDialogRef<any>;
  accountDialog: MatDialogRef<any>;
  questionnaireDialog: MatDialogRef<any>;
  credentialsDialog: MatDialogRef<any>;

  settings = {
    width: '80%',
  };

  constructor(
    public dialog: MatDialog,
  ) { }

  public openProfile() {
    this.profileDialog = this.dialog.open(
      ProfileComponent,
      this.settings,
    );
  }

  public openSshKeys() {
    this.sshKeysDialog = this.dialog.open(
      SshKeysComponent,
      this.settings,
    );
  }

  public openAccount() {
    this.accountDialog = this.dialog.open(
      AccountComponent,
      this.settings,
    );
  }

  public openQuestionnaire(stateItem: t.DeploymentStateItem) {
    this.questionnaireDialog = this.dialog.open(
      QuestionnaireComponent,
      {
        data: {
          stateItem: stateItem,
        }
      }
    );
  }

  public openCredentials(service: t.Service, stateItem: t.DeploymentStateItem) {
    this.credentialsDialog = this.dialog.open(
      CredentialsComponent,
      {
        data: {
          stateItem: stateItem,
          service: service,
        }
      }
    );
  }
}