Commits

Nicolai Olsen authored bd1299f5d7f
Replaced boolean flags with status enum.

toast display time now only relies on a single variable.
No tags

src/app/generate-pdf/generate-pdf-button/generate-pdf-button.component.html

Modified
1 -<div class="toast" [hidden]="toastHidden" [ngClass]="{'toast-warn': status !== statusEnum.succeeded}">
2 - <span *ngIf="status === statusEnum.succeeded">PDF er automatisk downloadet</span>
3 - <span *ngIf="status === statusEnum.failed">PDF kunne ikke genereres</span>
4 - <span *ngIf="status === statusEnum.cancelled">Generering af PDF blev annulleret</span>
1 +<div class="toast"
2 + [hidden]="toastStatus === toastStatusEnum.hidden"
3 + [ngClass]="{
4 + 'toast-display': toastStatus === toastStatusEnum.display,
5 + 'toast-hide': toastStatus === toastStatusEnum.hide,
6 + 'toast-warn': pdfStatus !== pdfStatusEnum.succeeded
7 + }">
8 + <span *ngIf="pdfStatus === pdfStatusEnum.succeeded">PDF er automatisk downloadet</span>
9 + <span *ngIf="pdfStatus === pdfStatusEnum.failed">PDF kunne ikke genereres</span>
10 + <span *ngIf="pdfStatus === pdfStatusEnum.cancelled">Generering af PDF blev annulleret</span>
5 11 </div>
6 12 <button mat-flat-button
7 - *ngIf="status !== statusEnum.generating"
13 + *ngIf="pdfStatus !== pdfStatusEnum.generating"
8 14 (click)="openDialog()"
9 15 [ngClass]="{ 'not-first-download': !isFirstDownload }"
10 16 >
11 17 <mat-icon class="pdf-icon" svgIcon="ic-pdf-faded" *ngIf="isFirstDownload"></mat-icon>
12 18 <span class="download-pdf-text" *ngIf="isFirstDownload">Download forløbsdata</span>
13 19 <span class="download-pdf-again-text" *ngIf="!isFirstDownload">Hent forløbsdata igen</span>
14 20 </button>
15 21 <button mat-flat-button class="is-generating-pdf"
16 - *ngIf="status === statusEnum.generating"
22 + *ngIf="pdfStatus === pdfStatusEnum.generating"
17 23 (click)="cancelGeneratingPdf()"
18 24 >
19 25 <mat-icon class="pdf-icon" svgIcon="ic-pdf-highlighted"></mat-icon>
20 26 <span class="generating-pdf-text">Danner PDF med forløbsdata</span>
21 27 <mat-icon class="close-icon" svgIcon="ic-close-small-highlighted"></mat-icon>
22 28 <mat-progress-bar mode="indeterminate"></mat-progress-bar>
23 29 </button>

Everything looks good. We'll let you know here if there's anything you should know about.

Add shortcut