Drew cleanup (#380)

* accordion works * cleanup * styling * more styling * App show change (#387) * show page change * no marketplace * app show changes * update marketplace list * icon * top left icon * toolbar * right size * out of toolbar * no service details * fix skeleton text and server metrics page * stuck * add session management * complete sessions feature * app show page * remove unnecessary icons * add cli to list of possible sessions * Modal global (#383) * modal checkpoint * global modal * black looks good now * black looks good now * not smaller Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com> Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com> Co-authored-by: Drew Ansbacher <drew.ansbacher@gmail.com> Co-authored-by: Drew Ansbacher <drew.ansbacher@spiredigital.com> Co-authored-by: Matt Hill <matthewonthemoon@gmail.com> Co-authored-by: Matt Hill <MattDHill@users.noreply.github.com>
2026-03-30 20:14:49 +00:00 · 2021-07-29 16:59:03 -04:00
parent 11da141b73
commit 4ea214f79e
71 changed files with 808 additions and 694 deletions
--- a/ui/src/app/modals/app-restore/app-restore.component.ts
+++ b/ui/src/app/modals/app-restore/app-restore.component.ts
@@ -0,0 +1,99 @@
+import { Component, Input } from '@angular/core'
+import { LoadingController, ModalController } from '@ionic/angular'
+import { ApiService } from 'src/app/services/api/embassy/embassy-api.service'
+import { BackupConfirmationComponent } from 'src/app/modals/backup-confirmation/backup-confirmation.component'
+import { DiskInfo } from 'src/app/services/api/api.types'
+import { PatchDbService } from 'src/app/services/patch-db/patch-db.service'
+import { Subscription } from 'rxjs'
+import { ErrorToastService } from 'src/app/services/error-toast.service'
+
+@Component({
+  selector: 'app-restore',
+  templateUrl: './app-restore.component.html',
+  styleUrls: ['./app-restore.component.scss'],
+})
+export class AppRestoreComponent {
+  @Input() pkgId: string
+  disks: DiskInfo
+  title: string
+  loading = true
+  submitting = false
+  allPartitionsMounted: boolean
+
+  subs: Subscription[] = []
+
+  constructor (
+    private readonly modalCtrl: ModalController,
+    private readonly embassyApi: ApiService,
+    private readonly loadingCtrl: LoadingController,
+    private readonly errToast: ErrorToastService,
+    public readonly patch: PatchDbService,
+  ) { }
+
+  ngOnInit () {
+    console.log('initing')
+    this.getExternalDisks()
+  }
+
+  // ngAfterViewInit () {
+  //   this.content.scrollToPoint(undefined, 1)
+  // }
+
+  async refresh () {
+    this.loading = true
+    await this.getExternalDisks()
+  }
+
+  async getExternalDisks (): Promise<void> {
+    try {
+      this.disks = await this.embassyApi.getDisks({ })
+      this.allPartitionsMounted = Object.values(this.disks).every(d => Object.values(d.partitions).every(p => p['is-mounted']))
+    } catch (e) {
+      this.errToast.present(e)
+    } finally {
+      console.log('loading false')
+      this.loading = false
+    }
+  }
+
+  async presentModal (logicalname: string): Promise<void> {
+    const m = await this.modalCtrl.create({
+      componentProps: {
+        type: 'restore',
+      },
+      cssClass: 'alertlike-modal',
+      component: BackupConfirmationComponent,
+      backdropDismiss: false,
+    })
+
+    m.onWillDismiss().then(res => {
+      const data = res.data
+      if (data.cancel) return
+      this.restore(logicalname, data.password)
+    })
+
+    await m.present()
+  }
+
+  dismiss () {
+    this.modalCtrl.dismiss({ })
+  }
+
+  private async restore (logicalname: string, password: string): Promise<void> {
+    console.log('here here here')
+    this.submitting = true
+    // await loader.present()
+
+    try {
+      await this.embassyApi.restorePackage({
+        id: this.pkgId,
+        logicalname,
+        password,
+      })
+    } catch (e) {
+      this.modalCtrl.dismiss({ error: e })
+    } finally {
+      this.modalCtrl.dismiss({ })
+    }
+  }
+}