|
|
|
@ -11,14 +11,14 @@
|
|
|
|
|
<div class="form-field"> |
|
|
|
|
<h2>Choix de réponse</h2> |
|
|
|
|
<span formArrayName="choices"> |
|
|
|
|
<h3>Aliases</h3> |
|
|
|
|
<h3>Choix proposés</h3> |
|
|
|
|
<button (click)="addChoice()"> |
|
|
|
|
<i class="fa fa-plus"></i> |
|
|
|
|
Add choice |
|
|
|
|
Ajouter un choix |
|
|
|
|
</button> |
|
|
|
|
<button (click)="reinitChoices()"> |
|
|
|
|
<i class="fa fa-recycle"></i> |
|
|
|
|
réinitialiser |
|
|
|
|
Réinitialiser |
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
<div *ngFor="let choice of choices.controls; let i = index"> |
|
|
|
@ -32,7 +32,6 @@
|
|
|
|
|
</div> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<!-- <div class='simple' >--> |
|
|
|
|
<div class="form-field"> |
|
|
|
|
<label class="hidden" for="title">Titre</label> |
|
|
|
|
<input |
|
|
|
@ -102,113 +101,87 @@
|
|
|
|
|
<i class="fa fa-close"></i> |
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
<!-- <label--> |
|
|
|
|
<!-- for='slug'--> |
|
|
|
|
<!-- >Url pour les participants--> |
|
|
|
|
<label for="slug" |
|
|
|
|
>Url pour les participants |
|
|
|
|
|
|
|
|
|
<!-- <button--> |
|
|
|
|
<!-- mat-button--> |
|
|
|
|
<!-- *ngIf='slug.value'--> |
|
|
|
|
<!-- matSuffix--> |
|
|
|
|
<!-- mat-icon-button--> |
|
|
|
|
<!-- aria-label='Clear'--> |
|
|
|
|
<!-- (click)="slug.value = ''"--> |
|
|
|
|
<!-- >--> |
|
|
|
|
<!-- <i class='fa fa-close' ></i >--> |
|
|
|
|
<!-- </button >--> |
|
|
|
|
<!-- </label >--> |
|
|
|
|
<!-- <br />--> |
|
|
|
|
<!-- <span--> |
|
|
|
|
<!-- >{{ urlPrefix }}--> |
|
|
|
|
<!-- <strong >--> |
|
|
|
|
<!-- {{ slug.value }}--> |
|
|
|
|
<!-- </strong >--> |
|
|
|
|
<!-- </span >--> |
|
|
|
|
<!-- <input--> |
|
|
|
|
<!-- #slug--> |
|
|
|
|
<!-- matInput--> |
|
|
|
|
<!-- id='slug'--> |
|
|
|
|
<!-- placeholder='Url'--> |
|
|
|
|
<!-- formControlName='slug'--> |
|
|
|
|
<!-- required />--> |
|
|
|
|
<!-- <br />--> |
|
|
|
|
<!-- </div >--> |
|
|
|
|
<!-- <h2 >--> |
|
|
|
|
<!-- Type de sondage--> |
|
|
|
|
<!-- </h2 >--> |
|
|
|
|
<!-- <h1 class="title is-1"><i class="fa fa-calendar" aria-hidden="true"></i> {{ 'dates.title' | translate }}</h1>--> |
|
|
|
|
<!-- <button--> |
|
|
|
|
<!-- class='btn'--> |
|
|
|
|
<!-- (click)='form.setValue({isAboutDate: true})' >--> |
|
|
|
|
<!-- Spécial date--> |
|
|
|
|
<!-- </button >--> |
|
|
|
|
<!-- <button--> |
|
|
|
|
<!-- class='btn'--> |
|
|
|
|
<!-- (click)='form.setValue({isAboutDate: false})' >--> |
|
|
|
|
<!-- Classique - textes--> |
|
|
|
|
<!-- </button >--> |
|
|
|
|
<!-- <button--> |
|
|
|
|
<!-- [ngClass]="{ 'is-primary': !isAboutDate.value }"--> |
|
|
|
|
<!-- (click)='isAboutDate = false' >--> |
|
|
|
|
<!-- Classique - textes--> |
|
|
|
|
<!-- </button >--> |
|
|
|
|
<button |
|
|
|
|
mat-button |
|
|
|
|
*ngIf="slug.value" |
|
|
|
|
matSuffix |
|
|
|
|
mat-icon-button |
|
|
|
|
aria-label="Clear" |
|
|
|
|
(click)="slug.value = ''" |
|
|
|
|
> |
|
|
|
|
<i class="fa fa-close"></i> |
|
|
|
|
</button> |
|
|
|
|
</label> |
|
|
|
|
<br /> |
|
|
|
|
<span |
|
|
|
|
>{{ urlPrefix }} |
|
|
|
|
<strong> |
|
|
|
|
{{ slug.value }} |
|
|
|
|
</strong> |
|
|
|
|
</span> |
|
|
|
|
<input #slug matInput id="slug" placeholder="Url" formControlName="slug" required /> |
|
|
|
|
<br /> |
|
|
|
|
<h2> |
|
|
|
|
Type de sondage |
|
|
|
|
</h2> |
|
|
|
|
<h1 class="title is-1"><i class="fa fa-calendar" aria-hidden="true"></i> {{ 'dates.title' | translate }}</h1> |
|
|
|
|
<button class="btn" (click)="form.setValue({ isAboutDate: true })"> |
|
|
|
|
Spécial date |
|
|
|
|
</button> |
|
|
|
|
<button class="btn" (click)="form.controls.isAboutDate.setValue(false)"> |
|
|
|
|
Classique - textes |
|
|
|
|
</button> |
|
|
|
|
<button |
|
|
|
|
[ngClass]="{ 'is-primary': !form.controls.isAboutDate.value }" |
|
|
|
|
(click)="form.controls.isAboutDate.setValue(false)" |
|
|
|
|
> |
|
|
|
|
Classique - textes |
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
<!-- </div >--> |
|
|
|
|
<!-- <h2 >Version complète du formulaire</h2 >--> |
|
|
|
|
<!-- <div--> |
|
|
|
|
<!-- appearance='outline'--> |
|
|
|
|
<!-- class='is-flex' >--> |
|
|
|
|
<!-- <mat-label >Nombre de jours avant expiration</mat-label >--> |
|
|
|
|
<!-- <input--> |
|
|
|
|
<!-- #expiracy--> |
|
|
|
|
<!-- id='expiracy'--> |
|
|
|
|
<!-- matInput--> |
|
|
|
|
<!-- type='number'--> |
|
|
|
|
<!-- placeholder='Nombre de jours avant expiration'--> |
|
|
|
|
<!-- formControlName='expiracyNumberOfDays'--> |
|
|
|
|
<!-- required--> |
|
|
|
|
<!-- />--> |
|
|
|
|
<!-- <button--> |
|
|
|
|
<!-- mat-button--> |
|
|
|
|
<!-- *ngIf='expiracy.value'--> |
|
|
|
|
<!-- matSuffix--> |
|
|
|
|
<!-- mat-icon-button--> |
|
|
|
|
<!-- aria-label='Clear'--> |
|
|
|
|
<!-- (click)="expiracy.value = ''"--> |
|
|
|
|
<!-- >--> |
|
|
|
|
<!-- <i class='fa fa-close' ></i >--> |
|
|
|
|
<!-- </button >--> |
|
|
|
|
<!-- </div >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='areResultsPublic' >--> |
|
|
|
|
<!-- Les participants pourront consulter les résultats--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='isAboutDate' >--> |
|
|
|
|
<!-- Les choix possibles concerneront des dates--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='isProtectedByPassword' >--> |
|
|
|
|
<!-- Le sondage sera protégé par un mot de passe--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='isOwnerNotifiedByEmailOnNewVote' >--> |
|
|
|
|
<!-- Vous recevrez un mail à chaque nouvelle participation--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='isOwnerNotifiedByEmailOnNewComment' >--> |
|
|
|
|
<!-- Vous recevrez un mail à chaque nouveau commentaire--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<!-- <mat-checkbox--> |
|
|
|
|
<!-- class='is-flex'--> |
|
|
|
|
<!-- formControlName='isMaybeAnswerAvailable' >--> |
|
|
|
|
<!-- La réponse « peut-être » sera disponible--> |
|
|
|
|
<!-- </mat-checkbox >--> |
|
|
|
|
<h2>Version complète du formulaire</h2> |
|
|
|
|
<div appearance="outline" class="is-flex"> |
|
|
|
|
<mat-label>Nombre de jours avant expiration</mat-label> |
|
|
|
|
<input |
|
|
|
|
#expiracy |
|
|
|
|
id="expiracy" |
|
|
|
|
matInput |
|
|
|
|
type="number" |
|
|
|
|
placeholder="Nombre de jours avant expiration" |
|
|
|
|
formControlName="expiracyNumberOfDays" |
|
|
|
|
required |
|
|
|
|
/> |
|
|
|
|
<button |
|
|
|
|
mat-button |
|
|
|
|
*ngIf="expiracy.value" |
|
|
|
|
matSuffix |
|
|
|
|
mat-icon-button |
|
|
|
|
aria-label="Clear" |
|
|
|
|
(click)="expiracy.value = ''" |
|
|
|
|
> |
|
|
|
|
<i class="fa fa-close"></i> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="areResultsPublic"> |
|
|
|
|
Les participants pourront consulter les résultats |
|
|
|
|
</mat-checkbox> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="isAboutDate"> |
|
|
|
|
Les choix possibles concerneront des dates |
|
|
|
|
</mat-checkbox> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="isProtectedByPassword"> |
|
|
|
|
Le sondage sera protégé par un mot de passe |
|
|
|
|
</mat-checkbox> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="isOwnerNotifiedByEmailOnNewVote"> |
|
|
|
|
Vous recevrez un mail à chaque nouvelle participation |
|
|
|
|
</mat-checkbox> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="isOwnerNotifiedByEmailOnNewComment"> |
|
|
|
|
Vous recevrez un mail à chaque nouveau commentaire |
|
|
|
|
</mat-checkbox> |
|
|
|
|
<mat-checkbox class="is-flex" formControlName="isMaybeAnswerAvailable"> |
|
|
|
|
La réponse « peut-être » sera disponible |
|
|
|
|
</mat-checkbox> |
|
|
|
|
|
|
|
|
|
<button mat-button (click)="createPoll()" [disabled]="!form.valid || !form.valid"> |
|
|
|
|
<i class="fa fa-save"></i> |
|
|
|
|