59 lines
1.7 KiB
HTML
59 lines
1.7 KiB
HTML
<section class="creation-stepper">
|
|
<div class="step-info">
|
|
<h2 classs="title is-2" *ngIf="pollService.step_current == 1">
|
|
{{ 'creation.title' | translate }}
|
|
</h2>
|
|
<h2 class="title is-3" *ngIf="pollService.step_current > 1">
|
|
<span class="poll-title">
|
|
{{ pollService.form.value.title }}
|
|
</span>
|
|
</h2>
|
|
<h3 class="title is-2">
|
|
Étape {{ step_current }} /
|
|
{{ step_max }}
|
|
</h3>
|
|
</div>
|
|
<div class="step-bar-container" style="width: 100%;">
|
|
<div class="step-bar-progress" [ngStyle]="{ width: (step_current / step_max) * 100 + '%' }"></div>
|
|
</div>
|
|
<div class="shortcuts">
|
|
<a
|
|
class="shortcut"
|
|
href="#"
|
|
[routerLink]="['/administration/step/1']"
|
|
[ngClass]="{ 'is-active': pollService.step_current == 1 }"
|
|
>1</a
|
|
>
|
|
<a
|
|
class="shortcut"
|
|
href="#"
|
|
[routerLink]="['/administration/step/2']"
|
|
[ngClass]="{ 'is-active': pollService.step_current == 2 }"
|
|
>2</a
|
|
>
|
|
<a
|
|
class="shortcut"
|
|
href="#"
|
|
[routerLink]="['/administration/step/3']"
|
|
[ngClass]="{ 'is-active': pollService.step_current == 3 }"
|
|
>3</a
|
|
>
|
|
<a
|
|
class="shortcut"
|
|
href="#"
|
|
[routerLink]="['/administration/step/4']"
|
|
[ngClass]="{ 'is-active': pollService.step_current == 4 }"
|
|
>4</a
|
|
>
|
|
<a
|
|
class="shortcut"
|
|
href="#"
|
|
[routerLink]="['/administration/step/5']"
|
|
[ngClass]="{ 'is-active': pollService.step_current == 5 }"
|
|
>5</a
|
|
>
|
|
<!-- <a class="shortcut" href="#" [routerLink]="['/administration/step/6']" [ngClass]="{'is-active':pollService.step_current == 6}">6</a>-->
|
|
<!-- <a class="shortcut" href="#" [routerLink]="['/administration/step/7']" [ngClass]="{'is-active':pollService.step_current == 7}">7</a>-->
|
|
</div>
|
|
</section>
|