2021-05-17 16:15:54 +02:00
|
|
|
<div class="day-list-container">
|
2022-02-15 12:11:21 +01:00
|
|
|
<div class="days-list" [ngClass]="{ 'colored-weekend-days': environment.enable_colored_weekend_days }">
|
2022-03-01 16:53:45 +01:00
|
|
|
<fieldset class="date-choice-container has-no-border" *ngFor="let choice of dateChoices; index as id">
|
2022-03-02 14:03:03 +01:00
|
|
|
<legend class="sr-only">{{ 'dates.element' | translate }} {{ id + 1 }}</legend>
|
2022-02-15 12:11:21 +01:00
|
|
|
<div class="date-choice" [ngClass]="{ 'day-weekend': isWeekendDay(choice.date_input) }">
|
2021-12-21 16:02:25 +01:00
|
|
|
<div class="top">
|
2022-03-01 11:22:11 +01:00
|
|
|
<label class="pull-left" for="dateChoices_{{ id }}" [attr.aria-describedby]="'format-date-' + id">
|
2022-02-02 17:59:55 +01:00
|
|
|
{{ 'dates.element' | translate }} {{ id + 1 }}
|
2021-12-21 16:02:25 +01:00
|
|
|
</label>
|
2022-02-16 12:36:51 +01:00
|
|
|
<p class="format-helper pull-right" id="format-date-{{ id }}">
|
|
|
|
{{ 'dates.format_helper' | translate }}
|
|
|
|
</p>
|
2021-12-21 16:02:25 +01:00
|
|
|
<input
|
2022-02-04 13:40:19 +01:00
|
|
|
[ngModel]="choice.date_object | date: 'yyyy-MM-dd'"
|
|
|
|
(ngModelChange)="convertDateInput($event, id)"
|
2021-12-21 16:02:25 +01:00
|
|
|
class="date-choice-item"
|
|
|
|
name="dateChoices_{{ id }}"
|
|
|
|
id="dateChoices_{{ id }}"
|
|
|
|
type="date"
|
|
|
|
/>
|
2021-11-18 11:22:44 +01:00
|
|
|
</div>
|
2022-02-15 12:11:21 +01:00
|
|
|
|
2021-12-21 16:02:25 +01:00
|
|
|
<div class="bottom">
|
|
|
|
<div *ngIf="hasSeveralHours" class="several-times">
|
|
|
|
<app-time-list [timeSlices]="choice.timeSlices" [prefix_choice_id]="id"></app-time-list>
|
2021-05-20 10:54:28 +02:00
|
|
|
</div>
|
2021-05-17 15:25:22 +02:00
|
|
|
</div>
|
2022-02-15 12:11:21 +01:00
|
|
|
<hr />
|
2022-03-01 11:22:11 +01:00
|
|
|
<div class="delete-date">
|
|
|
|
<button
|
2022-03-10 12:49:07 +01:00
|
|
|
class="has-background-trash has-background-icon-left is-filtered-icon-primary"
|
2022-03-03 11:29:11 +01:00
|
|
|
(click)="deleteChoiceField(id)"
|
2022-03-01 11:22:11 +01:00
|
|
|
>
|
|
|
|
{{ 'dates.remove' | translate }} {{ id + 1 }}
|
|
|
|
</button>
|
2022-02-15 12:11:21 +01:00
|
|
|
</div>
|
2021-05-17 15:25:22 +02:00
|
|
|
</div>
|
2022-03-01 16:53:45 +01:00
|
|
|
</fieldset>
|
2022-02-04 13:44:59 +01:00
|
|
|
<div class="add_date">
|
|
|
|
<!-- ajouter une date-->
|
2022-03-10 10:38:49 +01:00
|
|
|
<button class="button is-primary is-fullwidth is-thin" (click)="addChoice()">
|
2022-02-04 13:44:59 +01:00
|
|
|
{{ 'dates.add' | translate }}
|
|
|
|
</button>
|
2021-12-07 13:31:59 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-05-17 15:25:22 +02:00
|
|
|
</div>
|