Skip to content

Commit

Permalink
feat(dialog) Improve copy for download and submit.
Browse files Browse the repository at this point in the history
  • Loading branch information
skounis committed Jan 27, 2022
1 parent a528d90 commit 266ae8f
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 14 deletions.
11 changes: 11 additions & 0 deletions src/components/download-dialog/download-dialog.component.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
p.dcc-button-wrapper {
text-align: center;
}

p.dcc-button-wrapper a {
width: 60%;
}
.mat-dialog-content .mat-button-base {
margin: 1rem !important;
padding: .3rem;
}
36 changes: 22 additions & 14 deletions src/components/download-dialog/download-dialog.component.html
Original file line number Diff line number Diff line change
@@ -1,24 +1,32 @@
<h2 mat-dialog-title>Download and Submit</h2>
<mat-dialog-content class="mat-typography">
<p>Use this application for navigating through all the available QR Codes. When finish download
the test results and submit the <code>results.json</code> if in the <a href="https://validationcycleportal.t-assets.de/#/login" target="_blank">Validation Portal.</a>
</p>
<p>Please use this application for navigating through all available QR codes. When finished, please download the test
results to your PC and submit the results to the <a href="https://validationcycleportal.t-assets.de/#/login"
target="_blank">Validation Portal</a>.</p>

<h3>Download</h3>
<p>Your test results are prepared and are ready for download. Please use the button that follows and download the <code>results.json</code> file.</p>
<p>On pushing the Download Button the test results are copied to your standard download folder on your computer. File
name: <code>[2-digit country code]_[OS type]_[timestamp].json</code>.</p>

<p class="dcc-button-wrapper"><a *ngIf="!!data" mat-raised-button color="primary" title="Download JSON" [href]="data"
download="test-results.json" (click)="clear()">Download</a>
</p>


<h3>Upload to the Validation Portal</h3>
<p>Visit the Validation portal and submit the downloaded <code>results.json</code>. For accessing the portal use the token which related to your country.</p>
<ul>
<li><a href="https://validationcycleportal.t-assets.de/#/login" target="_blank">Validation Portal.</a></li>
</ul>
<h3>Submit</h3>
<p>On pushing the Submit Button, you will be requested to enter a token which you will receive via email. In the
following pop-up box, please select the upload button, navigate to your standard download folder, select the
appropriate file, and push the Send Button</p>

<h3>Support</h3>
<p>For help and support please contact ...</p>

<p style="text-align: center;"><a *ngIf="!!data" mat-raised-button color="primary" title="Download JSON" [href]="data"
download="test-results.json" (click)="clear()" style="width: 60%; margin: auto;">Download</a>
</p>
<p>Visit the Validation portal and submit the downloaded <code>results.json</code>. For accessing the portal use the
token which related to your country.</p>

<p class="dcc-button-wrapper"><a mat-raised-button color="primary" title="Validation Portal - Submit"
href="https://validationcycleportal.t-assets.de/#/login" target="_blank">Submit</a>
</p>
<p>Please repeat the process for any other platform (iOS, Android, Other) you have in use!</p>

</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button color="primary" [mat-dialog-close]="true" cdkFocusInitial>Close</button>
Expand Down

0 comments on commit 266ae8f

Please sign in to comment.