diff --git a/src/ui/quickTour/quickTourComponent/quickTour.template.html b/src/ui/quickTour/quickTourComponent/quickTour.template.html index 488b8d233bd1614545c6e0afd0caa27823902ce4..2bb90559f8e2b8d77115d4b059941f0fa95ab2a8 100644 --- a/src/ui/quickTour/quickTourComponent/quickTour.template.html +++ b/src/ui/quickTour/quickTourComponent/quickTour.template.html @@ -24,10 +24,25 @@ [disabled]="isLast$ | async"> <i class="fas fa-chevron-right"></i> </button> - <button mat-icon-button - (click)="endTour()"> - <i class="fas fa-times"></i> - </button> + + <!-- dismiss (last) --> + <ng-template [ngIf]="isLast$ | async" [ngIfElse]="notLastTmpl"> + <button mat-stroked-button + color="primary" + (click)="endTour()"> + <i class="m-1 fas fa-check"></i> + <span>complete</span> + </button> + </ng-template> + + <!-- dismiss (not last) --> + <ng-template #notLastTmpl> + <button mat-icon-button (click)="endTour()"> + <i class="fas fa-times"></i> + </button> + </ng-template> + + <!-- progress dots --> <span class="muted d-inline-flex align-items-center"> <i *ngFor="let active of quickTourProgress$ | async" [ngClass]="{ 'fa-xs muted-3': !active }"