finish

ui/src/app/components/install-wizard/alert/alert.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core'
+import { BehaviorSubject, Subject } from 'rxjs'
 
 @Component({
   selector: 'alert',
@@ -12,5 +13,8 @@ export class AlertComponent {
     titleColor: string
   }
 
+  loading$ = new BehaviorSubject(false)
+  cancel$ = new Subject<void>()
+
   load () { }
 }

ui/src/app/components/status/status.component.html

@@ -6,4 +6,5 @@
 >
   {{ disconnected ? 'Unknown' : rendering.display }}
   <ion-spinner *ngIf="rendering.showDots" class="dots dots-small" name="dots"></ion-spinner>
+  <span *ngIf="installProgress">{{ installProgress }}%</span>
 </p>

ui/src/app/components/status/status.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input } from '@angular/core'
+import { InstallProgress } from 'src/app/services/patch-db/data-model'
 import { StatusRendering } from 'src/app/services/pkg-status-rendering.service'
 
 @Component({
@@ -12,5 +13,6 @@ export class StatusComponent {
   @Input() style?: string = 'regular'
   @Input() weight?: string = 'normal'
   @Input() disconnected?: boolean = false
+  @Input() installProgress?: number
 }