funky-framadate-front/src/app/features/administration/form/steps/step-three/step-three.component.html

53 lines
1.8 KiB
HTML

<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
<div class="step min-height">
<app-errors-list [form]="pollService.form"></app-errors-list>
<div class="text-options" *ngIf="!pollService.form.value.isAboutDate">
<app-option-link></app-option-link>
</div>
<div class="date-options" *ngIf="pollService.form.value.isAboutDate">
<h2 class="title is-1">
{{ 'dates.title' | translate }}
</h2>
<!-- sélecteur d'interface-->
<button class="button is-fullwidth date-input-selector is-secondary" (click)="changeDateInputMode()">
<span *ngIf="pollService.mode_calendar">
{{ 'dates.manual_input' | translate }}
</span>
<span *ngIf="!pollService.mode_calendar">
{{ 'dates.datepicker_input' | translate }}
</span>
</button>
<!-- choix spécialement pour les dates-->
<div class="calendar" *ngIf="pollService.mode_calendar" [ngClass]="{ 'hide-back-button': hideBackButton }">
<p-calendar
[(ngModel)]="pollService.calendar"
firstDayOfWeek="1"
selectionMode="multiple"
inputId="multiple"
[showButtonBar]="true"
[locale]="'calendar_widget' | translate"
[minDate]="minDate"
[inline]="true"
[showWeek]="false"
(onMonthChange)="(onMonthChangeCustom)"
>
</p-calendar>
</div>
<div class="text-date-list" *ngIf="!pollService.mode_calendar">
<app-day-list
[form]="pollService.form"
[hasSeveralHours]="environment.creation_display_hour_per_day && pollService.form.value.hasSeveralHours"
></app-day-list>
</div>
</div>
</div>
<app-nav-steps
[actionBeforeNextStep]="convertDateInputs"
[next_step_number]="
pollService.form.value.isAboutDate ? pollService.step_current + 1 : pollService.step_current + 2
"
[previous_step_number]="pollService.step_current - 1"
></app-nav-steps>