61 lines
2.0 KiB
HTML
61 lines
2.0 KiB
HTML
<div class="step step-container form-field poll-kind">
|
|
<form action="#" [formGroup]="pollService.form">
|
|
<div class="min-height">
|
|
<app-stepper [step_current]="2" [step_max]="pollService.step_max"></app-stepper>
|
|
<app-errors-list [form]="pollService.form"></app-errors-list>
|
|
<h2 class="title is-2">
|
|
{{ 'creation.want' | translate }}
|
|
</h2>
|
|
<div class="container">
|
|
<div class="kind-of-poll columns">
|
|
<div class="column">
|
|
<div
|
|
class="button input-radio is-fullwidth"
|
|
[ngClass]="{
|
|
'is-selected has-background-primary has-text-white':
|
|
pollService.form.controls.isAboutDate.value
|
|
}"
|
|
(click)="pollService.form.controls.isAboutDate.setValue(true)"
|
|
>
|
|
<i class="fa fa-calendar"></i>
|
|
<label for="isAboutDate_true">
|
|
{{ 'creation.kind.date' | translate }}
|
|
</label>
|
|
<input type="radio" formControlName="isAboutDate" [value]="true" id="isAboutDate_true" />
|
|
</div>
|
|
</div>
|
|
<div class="column">
|
|
<div
|
|
class="button input-radio is-fullwidth"
|
|
[ngClass]="{
|
|
'is-selected has-background-primary has-text-white': !pollService.form.controls
|
|
.isAboutDate.value
|
|
}"
|
|
(click)="pollService.form.controls.isAboutDate.setValue(false)"
|
|
>
|
|
<i class="fa fa-list-ul"></i>
|
|
<label for="isAboutDate_false">
|
|
{{ 'creation.kind.classic' | translate }}
|
|
</label>
|
|
<input type="radio" formControlName="isAboutDate" [value]="false" id="isAboutDate_false" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="columns">
|
|
<div class="column">
|
|
<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/1']">
|
|
précédent
|
|
</button>
|
|
</div>
|
|
<div class="column">
|
|
<!-- [disabled]="form.invalid"-->
|
|
<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/3']">
|
|
suivant
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|