]>
git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+signup/+register/custom-stepper.component.html
1 <section class=
"container">
2 <header *
ngIf=
"steps.length > 2">
3 <ng-container *
ngFor=
"let step of steps; let i = index; let isLast = last;">
5 class=
"step-info" [ngClass]=
"{ active: selectedIndex === i, completed: isCompleted(step), 'c-hand': isAccessible(i) }" [attr.aria-current]=
"selectedIndex === i"
8 <div class=
"step-index">
9 <ng-container *
ngIf=
"!isCompleted(step)"><span class=
"sr-only" i18n
>Step
</span> {{ i +
1 }}
</ng-container>
10 <my-global-icon *
ngIf=
"isCompleted(step)" iconName=
"tick"></my-global-icon>
13 <div class=
"step-label">{{ step.label }}
</div>
16 <!-- Do no display if this is the last child -->
17 <div *
ngIf=
"!isLast" class=
"connector"></div>
21 <div [style.display]=
"selected ? 'block' : 'none'">
22 <ng-container [ngTemplateOutlet]=
"selected.content"></ng-container>