feature/marketplace icons (#1921)

* add registry icons, update links, clean up code (#1913)

* add registry icons, update links, clean up code

* remove seeding of registry icon and name

* fix install wizard copy

Co-authored-by: Lucy C <12953208+elvece@users.noreply.github.com>

* remove references to bep and chime

* fix shutdown language and remove chime from initializing screen

* fix type error

Co-authored-by: Matt Hill <MattDHill@users.noreply.github.com>
Co-authored-by: Lucy C <12953208+elvece@users.noreply.github.com>
Co-authored-by: Matt Hill <matthewonthemoon@gmail.com>

frontend/projects/install-wizard/src/app/pages/home/home.page.html

@@ -43,15 +43,21 @@
                 </ion-item>
               </ng-template>
               <ng-template swiperSlide>
-                <ion-item button (click)="tryInstall(false)">
+                <ion-item
+                  *ngIf="selectedDisk?.['embassy-data']"
+                  button
+                  (click)="tryInstall(false)"
+                >
                   <ion-icon
                     color="dark"
                     slot="start"
                     name="medkit-outline"
                   ></ion-icon>
                   <ion-label>
-                    <h2><ion-text color="success">Light Install</ion-text></h2>
-                    <p>Reinstall embassyOS but keep your existing data</p>
+                    <h2>
+                      <ion-text color="success">Re-Install embassyOS</ion-text>
+                    </h2>
+                    <h4>Will preserve existing embassyOS data</h4>
                   </ion-label>
                 </ion-item>
                 <ion-item button lines="none" (click)="tryInstall(true)">
@@ -61,10 +67,14 @@
                     name="download-outline"
                   ></ion-icon>
                   <ion-label>
-                    <h2><ion-text color="warning">Full Install</ion-text></h2>
-                    <p>
-                      Install embassyOS and delete all existing data on disk
-                    </p>
+                    <h2>
+                      <ion-text
+                        [color]="selectedDisk?.['embassy-data'] ? 'danger' : 'success'"
+                        >{{ selectedDisk?.['embassy-data'] ? 'Factory Reset' :
+                        'Install embassyOS' }}</ion-text
+                      >
+                    </h2>
+                    <h4>Will delete existing data on disk</h4>
                   </ion-label>
                 </ion-item>
               </ng-template>

frontend/projects/install-wizard/src/app/pages/home/home.page.ts

@@ -75,8 +75,8 @@ export class HomePage {
 
   private async presentAlertDanger(logicalname: string, embassyData: boolean) {
     const message = embassyData
-      ? 'This action COMPLETELY erases your existing Embassy data'
-      : `This action COMPLETELY erases the disk ${logicalname} and installs embassyOS`
+      ? 'This action will COMPLETELY erase your existing Embassy data'
+      : `This action will COMPLETELY erase the disk <b>${logicalname}</b> and install embassyOS!`
 
     const alert = await this.alertCtrl.create({
       header: 'Warning',
@@ -93,7 +93,7 @@ export class HomePage {
           },
         },
       ],
-      cssClass: 'alert-warning-message',
+      cssClass: 'alert-danger-message',
     })
     await alert.present()
   }
@@ -101,7 +101,7 @@ export class HomePage {
   private async presentAlertReboot() {
     const alert = await this.alertCtrl.create({
       header: 'Install Success',
-      message: 'Reboot your device to begin using your new Emabssy',
+      message: 'Reboot your device to begin using your new Embassy',
       buttons: [
         {
           text: 'Reboot',
@@ -110,7 +110,7 @@ export class HomePage {
           },
         },
       ],
-      cssClass: 'alert-warning-message',
+      cssClass: 'alert-success-message',
     })
     await alert.present()
   }
@@ -134,7 +134,6 @@ export class HomePage {
       header: 'Rebooting',
       message: 'Please wait for embassyOS to restart, then refresh this page',
       buttons: ['OK'],
-      cssClass: 'alert-warning-message',
     })
     await alert.present()
   }

frontend/projects/install-wizard/src/styles.scss

@@ -39,3 +39,21 @@
   --spinner-color: var(--ion-color-warning) !important;
   z-index: 40000 !important;
 }
+
+.alert-danger-message {
+  .alert-title {
+    color: var(--ion-color-danger);
+  }
+}
+
+.alert-success-message {
+  .alert-title {
+    color: var(--ion-color-success);
+  }
+}
+
+ion-alert {
+  .alert-button {
+    color: var(--ion-color-dark) !important;
+  }
+}