2021-05-17 15:25:22 +02:00
|
|
|
<div class="interval" [formGroup]="form">
|
|
|
|
<button
|
|
|
|
(click)="showDateInterval = !showDateInterval"
|
|
|
|
[ngClass]="{ active: showDateInterval }"
|
|
|
|
class="btn btn--primary"
|
|
|
|
id="toggle_interval_button"
|
|
|
|
>
|
|
|
|
<i class="fa fa-clock-o" aria-hidden="true"></i>
|
|
|
|
<span>
|
|
|
|
{{ 'dates.add_interval' | translate }}
|
|
|
|
</span>
|
|
|
|
</button>
|
2021-12-09 15:27:36 +01:00
|
|
|
<fieldset *ngIf="showDateInterval">
|
2021-05-17 15:25:22 +02:00
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
2021-06-10 14:12:57 +02:00
|
|
|
<app-wip-todo></app-wip-todo>
|
2021-05-17 15:25:22 +02:00
|
|
|
{{ 'dates.interval_propose' | translate }}
|
2021-06-10 14:12:57 +02:00
|
|
|
<input type="text" formControlName="natural_lang_interval" />
|
|
|
|
<sub>
|
|
|
|
exemple "du 10 au 17", ou "lundi à samedi"
|
|
|
|
</sub>
|
|
|
|
<button (click)="addNaturalInstruction()" class="btn btn-block btn--primary">
|
|
|
|
interpréter
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="columns">
|
2022-03-01 16:59:28 +01:00
|
|
|
<div class="column"></div>
|
2021-05-17 15:25:22 +02:00
|
|
|
<div class="column">
|
|
|
|
<label for="start_interval" class="hidden">start</label>
|
2021-06-10 14:12:57 +02:00
|
|
|
{{ form.value.startDateInterval }}
|
|
|
|
<input id="start_interval" formControlName="startDateInterval" type="date" />
|
2021-05-17 15:25:22 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
|
|
|
{{ 'dates.interval_span' | translate }}
|
|
|
|
</div>
|
|
|
|
<div class="column">
|
|
|
|
<label for="end_interval" class="hidden">end</label>
|
|
|
|
<input id="end_interval" formControlName="endDateInterval" type="date" />
|
2021-06-10 14:12:57 +02:00
|
|
|
{{ form.value.endDateInterval }}
|
|
|
|
<div class="span resume">
|
|
|
|
<div class="well">
|
|
|
|
Du
|
2022-02-08 13:05:47 +01:00
|
|
|
{{ form.value.startDateInterval | date: 'EEEE d':'Europe/Paris' }}
|
2021-06-10 14:12:57 +02:00
|
|
|
au
|
2022-02-08 13:05:47 +01:00
|
|
|
{{ form.value.endDateInterval | date: 'EEEE d':'Europe/Paris' }}
|
2021-06-10 14:12:57 +02:00
|
|
|
, soit {{ intervalDays }} jours.
|
|
|
|
</div>
|
2021-05-17 15:25:22 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-06-10 14:12:57 +02:00
|
|
|
|
2021-05-17 15:25:22 +02:00
|
|
|
<button (click)="addIntervalOfDates()" class="btn btn-block btn--primary">
|
|
|
|
<i class="fa fa-plus" aria-hidden="true"></i>
|
|
|
|
{{ 'dates.interval_button' | translate }}
|
|
|
|
{{ intervalDays }}
|
|
|
|
{{ 'dates.interval_button_dates' | translate }}
|
|
|
|
</button>
|
|
|
|
</fieldset>
|
|
|
|
</div>
|