funky-framadate-front/src/app/features/administration/stepper/stepper.component.html

73 lines
1.9 KiB
HTML
Raw Normal View History

2021-11-17 15:06:36 +01:00
<section class="creation-stepper" id="creation_stepper">
<div class="shortcuts" *ngIf="environment.showStepperShortcuts">
2021-11-16 16:23:32 +01:00
<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
>
2021-11-17 15:06:36 +01:00
<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
>
2021-11-14 15:26:26 +01:00
</div>
2021-11-16 16:35:27 +01:00
<div class="step-info">
2021-11-30 17:37:23 +01:00
<h2 class="step-title-poll" *ngIf="pollService.step_current == 1">
2021-11-16 16:35:27 +01:00
{{ 'creation.title' | translate }}
</h2>
2021-11-30 17:37:23 +01:00
<h2 class="step-title-poll" *ngIf="pollService.step_current >= 2">
{{ pollService.form.value.title }}
2021-11-16 16:35:27 +01:00
</h2>
2021-11-17 15:16:47 +01:00
<div class="columns">
<div class="column is-half">
<h3 class="step-counter-text">Étape {{ step_current }} sur {{ step_max }}</h3>
2021-11-17 15:16:47 +01:00
</div>
<div class="column is-half has-text-right">
2021-12-02 15:52:08 +01:00
<a class="cancel-button" (click)="showCancelDialog()"> Annuler <i class="fa fa-times"></i> </a>
2021-11-17 15:16:47 +01:00
</div>
</div>
2021-11-16 16:35:27 +01:00
</div>
<div class="step-bar-container" style="width: 100%;">
<div class="step-bar-progress" [ngStyle]="{ width: (step_current / step_max) * 100 + '%' }"></div>
</div>
2021-11-07 14:52:49 +01:00
</section>