setup wizard first draft

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

@@ -0,0 +1,40 @@
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>
+      Setup Wizard
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
+<ion-content [fullscreen]="true">
+  <div *ngIf="!stateService.recoveryDrive">
+    <h2 color="light">Select Data Drive</h2>
+    <ion-card 
+      *ngFor="let drive of dataDrives"
+      (click)="selectDrive(drive['logical-name'])"
+      button="true"
+      [class.selected]="selectedDrive === drive['logical-name']"
+      color="light"
+    >
+      <ion-card-header>
+        <ion-card-title>{{drive["logical-name"]}}</ion-card-title>
+        <ion-card-subtitle>{{drive.name}}</ion-card-subtitle>
+      </ion-card-header>
+
+      <ion-card-content>
+        Currently running {{drive.version}}
+      </ion-card-content>
+    </ion-card>
+    <ion-button (click)="warn()" color="primary" [disabled]="!selectedDrive">Next</ion-button>
+  </div>
+  <div *ngIf="stateService.recoveryDrive">
+    <h2>Progress: {{ 100 * stateService.dataProgress }}% <ion-spinner *ngIf="stateService.dataProgress != 1"></ion-spinner> </h2>
+    <ion-progress-bar value="{{stateService.dataProgress}}"></ion-progress-bar>
+    <ion-button 
+      [routerLink]="['/password']" 
+      color="primary" 
+      [disabled]="stateService.dataProgress != 1"
+    >
+      Next
+    </ion-button>
+  </div>
+</ion-content>