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