last minute changes

This commit is contained in:
Drew Ansbacher
2022-02-27 17:58:11 -07:00
committed by Aiden McClelland
parent a6e00449f6
commit df16943502
8 changed files with 108 additions and 61 deletions

View File

@@ -2,22 +2,44 @@
<ion-grid>
<ion-row>
<ion-col class="ion-text-center">
<div style="padding-bottom: 32px;">
<img src="assets/img/logo.png" style="max-width: 240px;" />
<div style="padding-bottom: 32px">
<img src="assets/img/logo.png" style="max-width: 240px" />
</div>
<success [hidden]="!stateService.embassyLoaded" (onDownload)="download()"></success>
<success
[hidden]="!stateService.embassyLoaded"
(onDownload)="download()"
></success>
<ion-card [hidden]="stateService.embassyLoaded" color="dark">
<ion-card-header>
<ion-card-title style="font-size: 40px;">Initializing Embassy</ion-card-title>
<ion-card-title style="font-size: 40px"
>Initializing Embassy</ion-card-title
>
<ion-card-subtitle>Progress: {{ progress }}%</ion-card-subtitle>
</ion-card-header>
<ion-card-content class="ion-margin">
<ion-progress-bar color="primary" style="max-width: 700px; margin: auto; padding-bottom: 20px; margin-bottom: 40px;" [value]="progress / 100"></ion-progress-bar>
<p class="ion-text-start">After completion, you will be prompted to download a file from your Embassy. Save the file somewhere safe, it is the easiest way to recover your Embassy's addresses and SSL certificate in case you lose them.</p>
<ion-progress-bar
color="primary"
style="
max-width: 700px;
margin: auto;
padding-bottom: 20px;
margin-bottom: 40px;
"
[value]="progress / 100"
></ion-progress-bar>
<p class="ion-text-start">
After completion, you will be prompted to download a file from
your Embassy. Save the file somewhere safe, it is the easiest way
to recover your Embassy's addresses and SSL certificate in case
you lose them.
</p>
<p class="ion-text-start" style="color: var(--ion-color-danger)">
<b>DO NOT:</b> Close or refresh the browser window during
intialization process.
</p>
</ion-card-content>
</ion-card>
</ion-col>

View File

@@ -2,20 +2,30 @@
<ion-grid>
<ion-row>
<ion-col class="ion-text-center">
<div style="padding-bottom: 32px;">
<img src="assets/img/logo.png" style="max-width: 240px;" />
<div style="padding-bottom: 32px">
<img src="assets/img/logo.png" style="max-width: 240px" />
</div>
<ion-card color="dark">
<ion-card-header>
<ion-card-title style="font-size: 40px;">Recovering</ion-card-title>
<ion-card-subtitle>Progress: {{ (stateService.dataProgress * 100).toFixed(0) }}%</ion-card-subtitle>
<ion-card-title style="font-size: 40px">Recovering</ion-card-title>
<ion-card-subtitle
>Progress: {{ (stateService.dataProgress * 100).toFixed(0)
}}%</ion-card-subtitle
>
</ion-card-header>
<ion-card-content class="ion-margin">
<ion-progress-bar color="primary" style="max-width: 700px; margin: auto; padding-bottom: 20px; margin-bottom: 40px;" [value]="stateService.dataProgress"></ion-progress-bar>
<p class="ion-text-start">After completion, you will be prompted to download a file from your Embassy. Save the file somewhere safe, it is the easiest way to recover your Embassy's addresses and SSL certificate in case you lose them.</p>
<ion-progress-bar
color="primary"
style="
max-width: 700px;
margin: auto;
padding-bottom: 20px;
margin-bottom: 40px;
"
[value]="stateService.dataProgress"
></ion-progress-bar>
</ion-card-content>
</ion-card>
</ion-col>