display heading order in stepper

This commit is contained in:
Tykayn 2021-12-15 18:37:37 +01:00 committed by tykayn
parent ba6f11d45c
commit 7e64ec7f69
1 changed files with 12 additions and 9 deletions

View File

@ -65,18 +65,21 @@
alt="accueil {{ environment.appTitle }}"
/>
</a>
<h1 *ngIf="pollService.step_current == 1">
<span class="step-title-poll">
<h1>
<span class="step-title-poll" *ngIf="pollService.step_current == 1">
{{ 'creation.title' | translate }}
</span>
<span class="step-counter-text">Étape {{ step_current }} sur {{ step_max }}</span>
</h1>
<h1 *ngIf="pollService.step_current >= 2">
<span class="step-title-poll poll-title-filled" *ngIf="pollService.form.value.title.length">
{{ pollService.form.value.title }}
<span *ngIf="pollService.step_current > 1">
<span class="step-title-poll poll-title-filled" *ngIf="pollService.form.value.title.length">
{{ pollService.form.value.title }}
</span>
<span class="step-title-poll poll-title-empty" *ngIf="!pollService.form.value.title.length">
(Aucun titre)
</span>
</span>
<span class="step-title-poll poll-title-empty" *ngIf="!pollService.form.value.title.length">
(Aucun titre)
<span class="step-counter-text" *ngIf="pollService.step_current !== 1"
>Étape {{ step_current }} sur {{ step_max }}
</span>
</h1>
</div>