start-os/web/projects/setup-wizard/src/app/modals/cifs-modal/cifs-modal.page.ts

import { Component } from '@angular/core'
import {
  AlertController,
  LoadingController,
  ModalController,
} from '@ionic/angular'
import { ApiService } from 'src/app/services/api/api.service'
import { StartOSDiskInfo } from '@start9labs/shared'
import { ServerBackupSelectModal } from '../server-backup-select/server-backup-select.page'

@Component({
  selector: 'cifs-modal',
  templateUrl: 'cifs-modal.page.html',
  styleUrls: ['cifs-modal.page.scss'],
})
export class CifsModal {
  cifs = {
    type: 'cifs' as 'cifs',
    hostname: '',
    path: '',
    username: '',
    password: '',
  }

  constructor(
    private readonly modalController: ModalController,
    private readonly api: ApiService,
    private readonly loadingCtrl: LoadingController,
    private readonly alertCtrl: AlertController,
  ) {}

  cancel() {
    this.modalController.dismiss()
  }

  async submit(): Promise<void> {
    const loader = await this.loadingCtrl.create({
      message: 'Connecting to shared folder...',
      cssClass: 'loader',
    })
    await loader.present()

    try {
      const diskInfo = await this.api.verifyCifs({
        ...this.cifs,
        password: this.cifs.password
          ? await this.api.encrypt(this.cifs.password)
          : null,
      })

      await loader.dismiss()

      this.presentModalSelectServer(diskInfo)
    } catch (e) {
      await loader.dismiss()
      this.presentAlertFailed()
    }
  }

  private async presentModalSelectServer(
    servers: Record<string, StartOSDiskInfo>,
  ): Promise<void> {
    const modal = await this.modalController.create({
      component: ServerBackupSelectModal,
      componentProps: {
        servers: Object.keys(servers).map(id => ({ id, ...servers[id] })),
      },
    })
    modal.onDidDismiss().then(res => {
      if (res.role === 'success') {
        this.modalController.dismiss(
          {
            cifs: this.cifs,
            serverId: res.data.serverId,
            recoveryPassword: res.data.recoveryPassword,
          },
          'success',
        )
      }
    })
    await modal.present()
  }

  private async presentAlertFailed(): Promise<void> {
    const alert = await this.alertCtrl.create({
      header: 'Connection Failed',
      message:
        'Unable to connect to shared folder. Ensure (1) target computer is connected to LAN, (2) target folder is being shared, and (3) hostname, path, and credentials are accurate.',
      buttons: ['OK'],
    })
    alert.present()
  }
}