mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-26 02:11:53 +00:00
30 lines
1.6 KiB
HTML
30 lines
1.6 KiB
HTML
<ion-content>
|
|
<div style="height: 85%; margin: 20px; display: flex; flex-direction: column; justify-content: space-between;">
|
|
<div>
|
|
<h4><ion-text color="dark">Ready to Backup</ion-text></h4>
|
|
<p><ion-text color="medium">Enter your master password to create an encrypted backup.</ion-text></p>
|
|
</div>
|
|
<div>
|
|
<ion-item lines="none" style="--background: var(--ion-background-color); --border-color: var(--ion-color-medium);">
|
|
<ion-label style="font-size: small" position="floating">Master Password</ion-label>
|
|
<ion-input style="border-style: solid; border-width: 0px 0px 1px 0px; border-color: var(--ion-color-dark);" [(ngModel)]="password" type="password" (ionChange)="$error$.next('')"></ion-input>
|
|
</ion-item>
|
|
<ion-item *ngIf="$error$ | async as e" lines="none" style="--background: var(--ion-background-color);">
|
|
<ion-label style="font-size: small" color="danger" class="ion-text-wrap">{{e}}</ion-label>
|
|
</ion-item>
|
|
<ion-item lines="none" style="--background: var(--ion-background-color)">
|
|
<ion-label class="ion-text-wrap" color="medium" style="font-size: small">Eject drive when backup complete?</ion-label>
|
|
<ion-checkbox color="primary" checked slot="end" [(ngModel)]="eject"></ion-checkbox>
|
|
</ion-item>
|
|
</div>
|
|
<div style="display: flex; justify-content: flex-end; align-items: center;">
|
|
<ion-button fill="clear" color="medium" (click)="cancel()">
|
|
Cancel
|
|
</ion-button>
|
|
<ion-button fill="clear" color="primary" (click)="submit()">
|
|
Create Backup
|
|
</ion-button>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|