diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2023-04-16 07:01:24 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-16 07:01:24 +0200 |
| commit | e5c0b1673587885e5bbffbb376b16d773fb68193 (patch) | |
| tree | 73dfe93b684454024b2de62ecdf0c6f30201f7fb /app/views/auth/shared/_progress.html.haml | |
| parent | 955ec252a421a5060345815bac0c63e8718bc3d8 (diff) | |
Add progress indicator to sign-up flow (#24545)
Diffstat (limited to 'app/views/auth/shared/_progress.html.haml')
| -rw-r--r-- | app/views/auth/shared/_progress.html.haml | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/app/views/auth/shared/_progress.html.haml b/app/views/auth/shared/_progress.html.haml new file mode 100644 index 000000000..578f62fa9 --- /dev/null +++ b/app/views/auth/shared/_progress.html.haml @@ -0,0 +1,25 @@ +- progress_index = { rules: 0, details: 1, confirm: 2 }[stage.to_sym] + +%ol.progress-tracker + %li{ class: progress_index.positive? ? 'completed' : 'active' } + .circle + - if progress_index.positive? + = check_icon + .label= t('auth.progress.rules') + %li.separator{ class: progress_index.positive? ? 'completed' : nil } + %li{ class: [progress_index > 1 && 'completed', progress_index == 1 && 'active'] } + .circle + - if progress_index > 1 + = check_icon + .label= t('auth.progress.details') + %li.separator{ class: progress_index > 1 ? 'completed' : nil } + %li{ class: [progress_index > 2 && 'completed', progress_index == 2 && 'active'] } + .circle + - if progress_index > 2 + = check_icon + .label= t('auth.progress.confirm') + - if approved_registrations? + %li.separator{ class: progress_index > 2 ? 'completed' : nil } + %li + .circle + .label= t('auth.progress.review') |