date selector as question answers

This commit is contained in:
Tykayn 2021-03-27 21:55:05 +01:00 committed by tykayn
parent 21040df287
commit 4a89b715a9
3 changed files with 50 additions and 45 deletions

View File

@ -24,7 +24,7 @@
</p>
<app-kind-select [form]="form"></app-kind-select>
<!-- <app-base-config [form]="form"></app-base-config>-->
<app-base-config [form]="form"></app-base-config>
<!-- <app-date-select-->
<!-- *ngIf="form.value.configuration && form.value.configuration.isAboutDate"-->
<!-- [form]="form"-->

View File

@ -70,6 +70,7 @@ export class FormComponent implements OnInit {
label: ['', [Validators.required]],
}),
]),
kind: ['', [Validators.required]],
configuration: this.fb.group({
areResultsPublic: [true, [Validators.required]],
whoCanChangeAnswers: ['everybody', [Validators.required]],
@ -77,6 +78,7 @@ export class FormComponent implements OnInit {
isOwnerNotifiedByEmailOnNewVote: [false, [Validators.required]],
isOwnerNotifiedByEmailOnNewComment: [false, [Validators.required]],
isMaybeAnswerAvailable: [false, [Validators.required]],
isAboutDate: [true, [Validators.required]],
isZeroKnoledge: [false, [Validators.required]],
expiresDaysDelay: [60, [Validators.required, Validators.min(1)]],
@ -110,6 +112,8 @@ export class FormComponent implements OnInit {
creatorEmail: 'chucknorris@example.com',
isAboutDate: true,
// hasSeveralHours: true,
kind: 'date',
// TODO aplatir les contrôles
configuration: {
whoCanChangeAnswers: 'everybody',
isProtectedByPassword: false,

View File

@ -1,47 +1,48 @@
<div class="kind-select form-field">
<div class="kind-of-poll columns">
<div class="column" *ngIf="template_questions_answers">
<!-- version maquette questions réponses-->
{{ 'creation.want' | translate }}
<select name="type" id="type" class="input">
<option value="classic">{{ 'creation.kind.classic' | translate }}</option>
<option value="date">{{ 'creation.kind.date' | translate }}</option>
</select>
{{ 'creation.choose_title' | translate }}
<input type="text" name="title" class="input" />
<form [formGroup]="form">
<div class="kind-of-poll columns">
<div class="column" *ngIf="template_questions_answers">
<!-- version maquette questions réponses-->
<select name="type" id="type" class="input" formControlName="kind">
<option [value]="'date'">{{ 'creation.kind.date' | translate }}</option>
<option [value]="'classic'">{{ 'creation.kind.classic' | translate }}</option>
</select>
</div>
<!-- version avec un choix de bouton-->
<div class="columns" *ngIf="!template_questions_answers">
<div class="column">
<button
class="btn-block btn"
[ngClass]="{ 'is-primary': form.value.configuration.isAboutDate }"
(click)="
form.patchValue({
configuration: {
isAboutDate: true
}
})
"
>
<i class="fa fa-calendar"></i>
{{ 'creation.kind.date' | translate }}
</button>
</div>
<div class="column">
<button
class="btn-block btn btn-default"
[ngClass]="{ 'is-primary': !form.value.configuration.isAboutDate }"
(click)="
form.patchValue({
configuration: {
isAboutDate: false
}
})
"
>
<i class="fa fa-stats"></i>
{{ 'creation.kind.classic' | translate }}
</button>
</div>
</div>
</div>
<!-- version avec un choix de bouton-->
<div class="column" *ngIf="!template_questions_answers">
<button
class="btn-block btn"
[ngClass]="{ 'is-primary': form.value.configuration.isAboutDate }"
(click)="
form.patchValue({
configuration: {
isAboutDate: true
}
})
"
>
<i class="fa fa-calendar"></i>
{{ 'creation.kind.date' | translate }}
</button>
</div>
<div class="column">
<button
class="btn-block btn btn-default"
[ngClass]="{ 'is-primary': !form.value.configuration.isAboutDate }"
(click)="
form.patchValue({
configuration: {
isAboutDate: false
}
})
"
>
<i class="fa fa-stats"></i>
{{ 'creation.kind.classic' | translate }}
</button>
</div>
</div>
</form>
</div>