mirror of
https://framagit.org/framasoft/framadate/funky-framadate-front.git
synced 2023-08-25 13:53:14 +02:00
date selector as question answers
This commit is contained in:
parent
21040df287
commit
4a89b715a9
@ -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"-->
|
||||||
|
@ -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,
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user