mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
start date hour choices screen
This commit is contained in:
parent
77bad4783f
commit
edcb1bdcf8
@ -3,34 +3,9 @@
|
|||||||
<form action="#" [formGroup]="pollService.form">
|
<form action="#" [formGroup]="pollService.form">
|
||||||
<app-stepper [step_current]="4" [step_max]="pollService.step_max"></app-stepper>
|
<app-stepper [step_current]="4" [step_max]="pollService.step_max"></app-stepper>
|
||||||
<app-errors-list [form]="pollService.form"></app-errors-list>
|
<app-errors-list [form]="pollService.form"></app-errors-list>
|
||||||
<div class="creator-infos">
|
<h2 class="title is-2">
|
||||||
<label class="" for="creatorEmail">
|
Choisissez les horaires
|
||||||
<span>
|
</h2>
|
||||||
{{ 'creation.name' | translate }}
|
|
||||||
</span>
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
#title
|
|
||||||
matInput
|
|
||||||
placeholder="pseudo"
|
|
||||||
formControlName="creatorPseudo"
|
|
||||||
id="creatorPseudo"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
<label class="hidden" for="creatorPseudo">
|
|
||||||
<span>
|
|
||||||
{{ 'creation.email' | translate }}
|
|
||||||
</span>
|
|
||||||
</label>
|
|
||||||
<input
|
|
||||||
#title
|
|
||||||
matInput
|
|
||||||
placeholder="mon-email@example.com"
|
|
||||||
formControlName="creatorEmail"
|
|
||||||
id="creatorEmail"
|
|
||||||
required
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
|
@ -1,6 +1,14 @@
|
|||||||
<div class="step min-height">
|
<div class="step min-height">
|
||||||
<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
|
<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
|
||||||
<app-errors-list [form]="pollService.form"></app-errors-list>
|
<app-errors-list [form]="pollService.form"></app-errors-list>
|
||||||
|
<!-- sélecteur d'interface-->
|
||||||
|
<button class="button" (click)="changeDateInputMode()" [ngClass]="{ 'is-primary': !pollService.mode_calendar }">
|
||||||
|
<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>
|
||||||
|
|
||||||
<!-- choix spécialement pour les dates-->
|
<!-- choix spécialement pour les dates-->
|
||||||
<div class="calendar" *ngIf="pollService.mode_calendar">
|
<div class="calendar" *ngIf="pollService.mode_calendar">
|
||||||
<p-calendar
|
<p-calendar
|
||||||
@ -22,13 +30,6 @@
|
|||||||
[hasSeveralHours]="pollService.form.value.hasSeveralHours"
|
[hasSeveralHours]="pollService.form.value.hasSeveralHours"
|
||||||
></app-day-list>
|
></app-day-list>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button class="button" (click)="changeDateInputMode()" [ngClass]="{ 'is-primary': !pollService.mode_calendar }">
|
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
|
Loading…
Reference in New Issue
Block a user