mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 12:11:56 +00:00
48 lines
2.0 KiB
HTML
48 lines
2.0 KiB
HTML
<ion-content>
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col class="ion-text-center">
|
|
|
|
<div style="padding-bottom: 32px;">
|
|
<img src="assets/png/logo.png" style="max-width: 240px;" />
|
|
</div>
|
|
|
|
<ion-card color="dark">
|
|
<ion-card-header class="ion-text-center" style="padding-bottom: 8px;">
|
|
<ion-card-title>Select Storage Drive</ion-card-title>
|
|
<ion-card-subtitle>Select the drive where your Embassy data will be stored.</ion-card-subtitle>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content class="ion-margin">
|
|
<!-- loading -->
|
|
<ion-spinner *ngIf="loading; else loaded" class="center-spinner" name="lines"></ion-spinner>
|
|
|
|
<!-- not loading -->
|
|
<ng-template #loaded>
|
|
<ng-container *ngIf="!storageDrives.length">
|
|
<h2>No drives found</h2>
|
|
<p>Please connect an storage drive to your Embassy and click "Refresh".</p>
|
|
</ng-container>
|
|
|
|
<ion-item-group *ngIf="storageDrives.length">
|
|
<ion-item (click)="chooseDrive(drive)" class="ion-margin-bottom" [disabled]="tooSmall(drive)" button lines="none" *ngFor="let drive of storageDrives">
|
|
<ion-icon slot="start" name="save-outline" size="large" color="light"></ion-icon>
|
|
<ion-label class="ion-text-wrap">
|
|
<h1>{{ drive.vendor || 'Unknown Vendor' }} - {{ drive.model || 'Unknown Model' }}</h1>
|
|
<h2>{{ drive.logicalname }} - {{ drive.capacity | convertBytes }}</h2>
|
|
<p *ngIf=tooSmall(drive)>
|
|
<ion-text color="danger">
|
|
Drive capacity too small.
|
|
</ion-text>
|
|
</p>
|
|
</ion-label>
|
|
</ion-item>
|
|
</ion-item-group>
|
|
</ng-template>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content>
|