]>
git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+signup/+register/custom-stepper.component.html
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" [ngClass]=
"{ active: selectedIndex === i, completed: isCompleted(step), 'c-hand': isAccessible(step) }" [attr.aria-current]=
"selectedIndex === i"
9 <div class=
"step-index">
10 <span class=
"visually-hidden" i18n
>Step
</span> {{ i +
1 }}
12 <div class=
"completed-icon" *
ngIf=
"isCompleted(step)">
13 <my-global-icon iconName=
"tick"></my-global-icon>
17 <div class=
"step-label">{{ step.label }}
</div>
20 <!-- Do no display if this is the last child -->
21 <div *
ngIf=
"!isLast" class=
"connector"></div>
26 <div class=
"margin-content" [style.display]=
"selected ? 'block' : 'none'">
27 <ng-container [ngTemplateOutlet]=
"selected.content"></ng-container>