mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-27 17:52:14 +00:00
Elio BischofandGitHub
1c839e308b
* feat: support list milestones api * show milestones in onboarding view * add authenticated milestone * add icon to login milestone * update main * lint * fix import * fix import * lint * reuse proto milestone type mapping
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<div class="onboarding-card" cdkTrapFocus>
|
|
<div class="spinner-w">
|
|
<mat-spinner diameter="20" *ngIf="loading$ | async" color="accent"> </mat-spinner>
|
|
</div>
|
|
<div class="progress-header">
|
|
<h2>{{ 'ONBOARDING.CARD.TITLE' | translate }}</h2>
|
|
<p class="cnsl-secondary-text">
|
|
{{ 'ONBOARDING.CARD.DESCRIPTION' | translate }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="prog-desc cnsl-secondary-text">
|
|
{{ adminService.progressDone | async }} / {{ adminService.progressTotal | async }}
|
|
{{ 'ONBOARDING.COMPLETED' | translate }}
|
|
</div>
|
|
|
|
<div class="actions-list">
|
|
<ng-container *ngFor="let action of actions | async">
|
|
<a
|
|
[routerLink]="action[1].link"
|
|
[queryParams]="{ id: action[1].fragment }"
|
|
class="action-element"
|
|
[ngClass]="{ done: action[1].reached !== undefined }"
|
|
>
|
|
<div class="state-circle">
|
|
<mat-icon
|
|
*ngIf="action[1]?.reached !== undefined"
|
|
class="success-icon"
|
|
matTooltip="{{ action[1].reached | milestone }}"
|
|
>check_circle</mat-icon
|
|
>
|
|
</div>
|
|
|
|
<span class="name">{{ 'ONBOARDING.MILESTONES.' + action[0] + '.title' | translate }}</span>
|
|
<mat-icon class="arrow-right">keyboard_arrow_right</mat-icon>
|
|
</a>
|
|
</ng-container>
|
|
</div>
|
|
<div class="no-thanks-wrapper">
|
|
<a class="no-thanks-btn" (click)="dismiss()">{{ 'ONBOARDING.DISMISS' | translate }}</a>
|
|
</div>
|
|
</div>
|