Browse Source

separate choice from form

up-stack-of-votes v0.5.0
Tykayn 1 year ago committed by tykayn
parent
commit
f6ce22480c
  1. 67
      src/app/features/administration/form/form.component.ts
  2. 11
      src/app/features/shared/components/ui/form/errors-list/errors-list.component.html
  3. 9
      src/app/features/shared/components/ui/form/errors-list/errors-list.component.ts

67
src/app/features/administration/form/form.component.ts

@ -9,6 +9,7 @@ import { Router } from '@angular/router';
import { environment } from '../../../../environments/environment';
import { PollUtilitiesService } from '../../../core/services/poll.utilities.service';
import { StorageService } from '../../../core/services/storage.service';
import { defaultDates, defaultTimeOfDay } from '../../../../../mocks/old-stuff/config/defaultConfigs';
@Component({
selector: 'app-admin-form',
@ -53,29 +54,29 @@ export class FormComponent implements OnInit {
creatorEmail: ['', [Validators.required]],
custom_url: [this.pollUtilitiesService.makeUuid(), [Validators.required]],
description: ['', [Validators.required]],
choices: this.fb.array([
this.fb.group({
label: ['', [Validators.required]],
imageUrl: ['', [Validators.required]],
}),
]),
dateChoices: this.fb.array([
this.fb.group({
label: ['', [Validators.required]],
// if we have enabled detailed time choices per date choice, we have to make a time property for each date choice
timeChoices: this.fb.array([
this.fb.group({
label: ['', [Validators.required]],
}),
]),
}),
]),
// these time choice are meant to be the same for each day
timeChoices: this.fb.array([
this.fb.group({
label: ['', [Validators.required]],
}),
]),
// choices: this.fb.array([
// this.fb.group({
// label: ['', [Validators.required]],
// imageUrl: ['', [Validators.required]],
// }),
// ]),
// dateChoices: this.fb.array([
// this.fb.group({
// label: ['', [Validators.required]],
// // if we have enabled detailed time choices per date choice, we have to make a time property for each date choice
// timeChoices: this.fb.array([
// this.fb.group({
// label: ['', [Validators.required]],
// }),
// ]),
// }),
// ]),
// // these time choice are meant to be the same for each day
// timeChoices: this.fb.array([
// this.fb.group({
// label: ['', [Validators.required]],
// }),
// ]),
kind: ['', [Validators.required]],
areResultsPublic: [true, [Validators.required]],
whoCanChangeAnswers: ['everybody', [Validators.required]],
@ -141,18 +142,14 @@ export class FormComponent implements OnInit {
startDateInterval: new Date(),
endDateInterval: new Date(),
comments: [],
choices: [
{
name: 'un choix',
url: 'https://placekitten.com/120/150',
},
],
dateChoices: [
{
name: new Date(),
},
],
timeChoices: [],
// choices: [
// {
// name: 'un choix',
// url: 'https://placekitten.com/120/150',
// },
// ],
// dateChoices: defaultDates,
// timeChoices: defaultTimeOfDay,
});
}

11
src/app/features/shared/components/ui/form/errors-list/errors-list.component.html

@ -1,11 +1,14 @@
<div class="validation-error-list" [ngClass]="{ 'has-background-warning': totalErrors > 0 }">
<div
class="validation-error-list padded"
[ngClass]="{ 'has-background-warning': totalErrors > 0, 'has-background-success': totalErrors === 0 }"
>
<h1 class="title is-1">
Validation
</h1>
<span class="status"> statut: {{ form.status }} </span>
<span class="has-background-warning total-errors" *ngIf="form && getFormValidationErrors()">
<span class="status marged"> statut: {{ form.status }} </span>
<strong class="marged has-background-warning total-errors" *ngIf="form && totalErrors">
{{ totalErrors }} erreurs de validation
</span>
</strong>
<ul>
<li *ngFor="let m of messages">

9
src/app/features/shared/components/ui/form/errors-list/errors-list.component.ts

@ -24,7 +24,14 @@ export class ErrorsListComponent implements OnInit {
this.messages = [];
Object.keys(this.form.controls).forEach((key) => {
const controlErrors: ValidationErrors = this.form.get(key).errors;
const theKey = this.form.get(key);
const invalidData = theKey.invalid;
if (invalidData) {
totalErrors++;
console.log('key', key, invalidData);
this.messages.push('' + key + ' est invalide');
}
const controlErrors: ValidationErrors = theKey.errors;
if (controlErrors != null) {
console.log('controlErrors', controlErrors);
totalErrors++;

Loading…
Cancel
Save