rework success page, html download, and more

setup-wizard/src/app/pages/embassy/embassy.page.html

@@ -1,4 +1,4 @@
-<ion-content color="light">
+<ion-content>
   <ion-grid style="padding-top: 32px; height: 100%; max-width: 540px;">
     <ion-row style="height: 100%;">
       <ion-col class="ion-text-center">
@@ -15,8 +15,8 @@
 
           <ion-card-content class="ion-margin">
             <ng-container *ngIf="!loading && !storageDrives.length">
-              <h2 color="light">No drives found</h2>
-              <p color="light">Please connect an storage drive to your Embassy and refresh the page.</p>
+              <h2>No drives found</h2>
+              <p>Please connect an storage drive to your Embassy and refresh the page.</p>
               <ion-button style="margin-top: 25px;" (click)="refresh()" color="light">
                 Refresh
               </ion-button>
@@ -24,7 +24,7 @@
 
             <ion-item-group>
               <ng-container *ngIf="loading">
-                <ion-item button color="light" lines="none">
+                <ion-item button lines="none">
                   <ion-avatar slot="start">
                     <ion-skeleton-text animated></ion-skeleton-text>
                   </ion-avatar>
@@ -35,15 +35,11 @@
                 </ion-item>
               </ng-container>
               <ng-container *ngIf="storageDrives.length">
-                <ion-item (click)="chooseDrive(drive)" class="ion-margin-bottom" button color="light" lines="none" *ngFor="let drive of storageDrives">
+                <ion-item (click)="chooseDrive(drive)" class="ion-margin-bottom" button lines="none" *ngFor="let drive of storageDrives">
                   <ion-icon slot="start" name="save-outline"></ion-icon>
                   <ion-label class="ion-text-wrap">
-                    <h1>{{ drive.logicalname }} - {{ drive.capacity | convertBytes }}</h1>
-                    <h2 *ngIf="drive.vendor || drive.model">
-                      {{ drive.vendor }}
-                      <span *ngIf="drive.vendor && drive.model"> - </span>
-                      {{ drive.model }}
-                    </h2>
+                    <h1>{{ drive.vendor || 'Unknown Vendor' }} - {{ drive.model || 'Unknown Model' }}</h1>
+                    <h2>{{ drive.logicalname }} - {{ drive.capacity | convertBytes }}</h2>
                   </ion-label>
                 </ion-item>
               </ng-container>

setup-wizard/src/app/pages/embassy/embassy.page.scss

@@ -1,10 +0,0 @@
-.selected {
-  border: 4px solid gray;
-}
-
-ion-card-title {
-  margin: 24px 0;
-  font-family: 'Montserrat';
-  font-size: x-large;
-  --color: var(--ion-color-light);
-}

setup-wizard/src/app/pages/embassy/embassy.page.ts

@@ -82,7 +82,7 @@ export class EmbassyPage {
       if (!ret.data || !ret.data.password) return
 
       const loader = await this.loadingCtrl.create({
-        message: 'Setting up your Embassy!',
+        message: 'Transferring encrypted data',
       })
 
       await loader.present()
@@ -99,9 +99,9 @@ export class EmbassyPage {
       } finally {
         loader.dismiss()
         if (!!this.stateService.recoveryPartition) {
-          await this.navCtrl.navigateForward(`/loading`, { animationDirection: 'forward' })
+          await this.navCtrl.navigateForward(`/loading`)
         } else {
-          await this.navCtrl.navigateForward(`/success`, { animationDirection: 'forward' })
+          await this.navCtrl.navigateForward(`/init`)
         }
       }
     })