From dcd819907bf3ac38facf10b4e7fadbaeb4a24b55 Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Mon, 31 May 2021 13:15:51 +0200
Subject: [PATCH] feat: add text on completion of quick tour
---
.../quickTour.template.html | 23 +++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/src/ui/quickTour/quickTourComponent/quickTour.template.html b/src/ui/quickTour/quickTourComponent/quickTour.template.html
index 488b8d233..2bb90559f 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 }"
--
GitLab