44 lines
1.4 KiB
HTML
44 lines
1.4 KiB
HTML
<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>
|
|
<fieldset *ngIf="showDateInterval" class="date-interval form-row is-boxed">
|
|
<div class="columns">
|
|
<div class="column">
|
|
{{ 'dates.interval_propose' | translate }}
|
|
</div>
|
|
<div class="column">
|
|
<label for="start_interval" class="hidden">start</label>
|
|
<input id="start_interval" (change)="countDays()" formControlName="startDateInterval" type="date" />
|
|
</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" />
|
|
<div class="well">
|
|
{{ form.value.endDateInterval }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="span resume">soit {{ intervalDays }} jours.</div>
|
|
<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>
|