]>
git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+signup/+register/custom-stepper.component.html
f2687e520956687e64f921b780b66b301b71600e
2 <header *
ngIf=
"steps.length > 2">
3 <div class=
"header-steps">
4 <ng-container *
ngFor=
"let step of steps; let i = index; let isLast = last;">
6 class=
"step-info button-unstyle" [ngClass]=
"{ active: selectedIndex === i, completed: isCompleted(step) }"
7 [disabled]=
"!isAccessible(step)"
8 [attr.aria-current]=
"selectedIndex === i" (click)=
"onClick(i)"
10 <div class=
"step-index">
11 <span class=
"visually-hidden" i18n
>Step
</span> {{ i +
1 }}
13 <div class=
"completed-icon" *
ngIf=
"isCompleted(step)">
14 <my-global-icon iconName=
"tick"></my-global-icon>
18 <div class=
"step-label">{{ step.label }}
</div>
21 <!-- Do no display if this is the last child -->
22 <div *
ngIf=
"!isLast" class=
"connector"></div>
27 <div class=
"margin-content" [style.display]=
"selected ? 'block' : 'none'">
28 <ng-container [ngTemplateOutlet]=
"selected.content"></ng-container>