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

39 lines
1.4 KiB
HTML
Raw Normal View History

<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
2021-11-16 16:16:30 +01:00
<div class="step min-height">
2021-11-12 17:31:47 +01:00
<app-errors-list [form]="pollService.form"></app-errors-list>
2021-11-22 12:44:48 +01:00
<!-- sélecteur d'interface-->
<button class="button is-fullwidth date-input-selector is-secondary" (click)="changeDateInputMode()">
2021-11-22 12:44:48 +01:00
<span *ngIf="pollService.mode_calendar"> <i class="fa fa-pencil"></i> Saisir les dates manuellement </span>
<span *ngIf="!pollService.mode_calendar">
<i class="fa fa-calendar-o"></i> Saisir les dates dans le calendrier
</span>
</button>
2021-11-07 14:52:49 +01:00
<!-- choix spécialement pour les dates-->
<div class="calendar" *ngIf="pollService.mode_calendar">
2021-11-14 15:26:26 +01:00
<p-calendar
[(ngModel)]="pollService.calendar"
2021-11-16 17:30:31 +01:00
firstDayOfWeek="1"
2021-11-14 15:26:26 +01:00
selectionMode="multiple"
inputId="multiple"
showButtonBar="true"
[locale]="'calendar_widget' | translate"
2021-11-16 17:30:31 +01:00
[disabledDates]="pollService.disabled_dates"
2021-11-14 15:26:26 +01:00
[inline]="true"
2021-11-16 17:30:31 +01:00
[showWeek]="false"
2021-11-14 15:26:26 +01:00
></p-calendar>
</div>
<div class="text-date-list" *ngIf="!pollService.mode_calendar">
2021-12-21 15:06:40 +01:00
<app-day-list
[form]="pollService.form"
[hasSeveralHours]="environment.enable_several_hours && pollService.form.value.hasSeveralHours"
></app-day-list>
</div>
2021-11-14 15:26:26 +01:00
</div>
<app-nav-steps
2021-12-14 11:22:23 +01:00
[actionBeforeNextStep]="convertDateInputs"
[next_step_number]="pollService.step_current + 1"
[previous_step_number]="pollService.step_current - 1"
></app-nav-steps>