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> </p>
<app-kind-select [form]="form"></app-kind-select> <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--> <!-- <app-date-select-->
<!-- *ngIf="form.value.configuration && form.value.configuration.isAboutDate"--> <!-- *ngIf="form.value.configuration && form.value.configuration.isAboutDate"-->
<!-- [form]="form"--> <!-- [form]="form"-->

View File

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

View File

@ -1,47 +1,48 @@
<div class="kind-select form-field"> <div class="kind-select form-field">
<div class="kind-of-poll columns"> <form [formGroup]="form">
<div class="column" *ngIf="template_questions_answers"> <div class="kind-of-poll columns">
<!-- version maquette questions réponses--> <div class="column" *ngIf="template_questions_answers">
{{ 'creation.want' | translate }} <!-- version maquette questions réponses-->
<select name="type" id="type" class="input"> <select name="type" id="type" class="input" formControlName="kind">
<option value="classic">{{ 'creation.kind.classic' | translate }}</option> <option [value]="'date'">{{ 'creation.kind.date' | translate }}</option>
<option value="date">{{ 'creation.kind.date' | translate }}</option> <option [value]="'classic'">{{ 'creation.kind.classic' | translate }}</option>
</select> </select>
{{ 'creation.choose_title' | translate }} </div>
<input type="text" name="title" class="input" /> <!-- 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> </div>
<!-- version avec un choix de bouton--> </form>
<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>
</div> </div>