user must click continue in kiosk on success page (#2001)

* user must click continue in kiosk on success page

* hide source disk when target list for transfer and shpw indeterminate bar when 100%

* minor copy

* also check for guid on disk

* reuse va

frontend/projects/setup-wizard/src/app/pages/success/success.page.html

@@ -8,16 +8,23 @@
           <ion-card>
             <ion-row class="ion-align-items-center">
               <ion-col size-xs="12" class="ion-text-center">
-                <div class="inline">
+                <div class="inline" style="margin-bottom: 3rem">
                   <ion-icon
                     name="checkmark-circle-outline"
                     color="success"
                   ></ion-icon>
                   <h1>Setup Complete!</h1>
                 </div>
-                <h3 class="ion-padding-top">
-                  You will be redirected momentarily.
-                </h3>
+                <div class="card-container">
+                  <ion-card id="exit" (click)="exitKiosk()">
+                    <div class="container">
+                      <div class="inline">
+                        <p>Continue to login</p>
+                        <ion-icon name="log-in-outline"></ion-icon>
+                      </div>
+                    </div>
+                  </ion-card>
+                </div>
               </ion-col>
             </ion-row>
           </ion-card>

frontend/projects/setup-wizard/src/app/pages/success/success.page.scss

@@ -106,6 +106,20 @@ ion-card {
     align-items: center;
   }
 
+  #exit {
+    background: var(--color-accent);
+    height: 100%;
+
+    .container p {
+      font-size: 1.4rem !important;
+      font-weight: bold;
+    }
+
+    ion-icon {
+      font-size: 1.7rem;
+    }
+  }
+
   #launch {
     background: var(--alt-blue);
     height: 100%;

frontend/projects/setup-wizard/src/app/pages/success/success.page.ts

@@ -8,11 +8,7 @@ import {
   Output,
   ViewChild,
 } from '@angular/core'
-import {
-  DownloadHTMLService,
-  ErrorToastService,
-  pauseFor,
-} from '@start9labs/shared'
+import { DownloadHTMLService, ErrorToastService } from '@start9labs/shared'
 import { ApiService } from 'src/app/services/api/api.service'
 import { StateService } from 'src/app/services/state.service'
 
@@ -61,14 +57,13 @@ export class SuccessPage {
     this.ngZone.runOutsideAngular(() => this.initMatrix())
     try {
       const ret = await this.api.complete()
-      if (this.isKiosk) {
-        await pauseFor(4000)
-      } else {
+      if (!this.isKiosk) {
         this.torAddress = ret['tor-address']
         this.lanAddress = ret['lan-address']
         this.cert = ret['root-ca']
+
+        await this.api.exit()
       }
-      await this.api.exit()
     } catch (e: any) {
       await this.errCtrl.present(e)
     }
@@ -94,6 +89,10 @@ export class SuccessPage {
     })
   }
 
+  exitKiosk() {
+    this.api.exit()
+  }
+
   private initMatrix() {
     this.ctx = this.canvas.nativeElement.getContext('2d')!
     this.canvas.nativeElement.width = window.innerWidth
@@ -118,7 +117,7 @@ export class SuccessPage {
     }
   }
 
-  draw() {
+  private draw() {
     // draw a semi transparent black rectangle on top of the scene to slowly fade older characters
     this.ctx.fillStyle = 'rgba( 0 , 0 , 0 , ' + this.fadeFactor + ' )'
     this.ctx.fillRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height)
@@ -143,7 +142,7 @@ export class SuccessPage {
     }
   }
 
-  tick() {
+  private tick() {
     this.draw()
     setTimeout(this.tick.bind(this), 50)
   }