funky-framadate-front/src/app/pages/dates/dates.component.html

57 lines
1.1 KiB
HTML

<div i18n>
{{"dates.title"|translate}}
</div>
<div>
<label for="multi_hours">
<span i18n>
Je souhaite mettre des créneaux horaires
</span>
<select
name="multi_hours"
id="multi_hours"
[(ngModel)]="config.allowSeveralHours"
>
<option value="true">{{"dates.multiple.different"|translate}}</option>
<option value="false">{{"dates.multiple.identical"|translate}}</option>
</select>
<span i18n>
pour chaque journée
</span>
</label>
</div>
<button
class="btn btn-primary"
(click)="addDate()"
i18n
>
{{"dates.add"|translate}}
</button>
<div class="dates-list">
{{config.dateList.length}}
<span i18n>
{{"dates.count_dates"|translate}}
</span>
<div
*ngFor="let choice of config.dateList; index as id"
class="date-choice"
>
<input
type="text"
name="dateChoices[]"
[(ngModel)]="choice.literal"
>
<button (click)="config.dateList.splice(id, 1)">X</button>
</div>
</div>
<a
[routerLink]="'/step/end'"
class="btn btn-block"
>
C'est parfait!
</a>