Typo fixes for required fields

This commit is contained in:
Erik Tiekstra
2021-10-11 09:46:54 +02:00
parent 3d5d31ce9e
commit 631418bc09
7 changed files with 19 additions and 23 deletions

View File

@@ -14,7 +14,7 @@ import { BehaviorSubject, Observable } from 'rxjs';
})
export class EmployeeInviteComponent {
formGroup: FormGroup = new FormGroup({
emails: new FormControl('', [RequiredValidator('E-postadresser'), CommaSeparatedEmailValidator()]),
emails: new FormControl('', [RequiredValidator(), CommaSeparatedEmailValidator()]),
});
private _lastInvites$ = new BehaviorSubject<EmployeeInviteResponse>(null);
lastInvites$: Observable<EmployeeInviteResponse> = this._lastInvites$.asObservable();

View File

@@ -18,7 +18,7 @@ export class DeltagareTabReportsComponent {
readonly reportsFormControlName = 'reports';
reportPickerFormGroup: FormGroup = this.formBuilder.group({
reports: this.formBuilder.control('', [RequiredValidator('Rapporttyp')]),
reports: this.formBuilder.control('', [RequiredValidator('Rapporttyp är obligatoriskt')]),
});
selectableReportTypes: Array<FormSelectItem> = [
@@ -27,7 +27,7 @@ export class DeltagareTabReportsComponent {
// { name: 'Signal om arbete eller studier', value: 'signal' },
];
constructor(private formBuilder: FormBuilder, private router: Router) { }
constructor(private formBuilder: FormBuilder, private router: Router) {}
get reportsFormControl(): AbstractControl | null {
return this.reportPickerFormGroup?.get(this.reportsFormControlName);

View File

@@ -1,17 +1,17 @@
import { FormSelectItem } from '@af/digi-ng/_form/form-select';
import { ChangeDetectionStrategy, Component, OnDestroy, OnInit } from '@angular/core';
import { AbstractControl, FormArray, FormControl, FormGroup } from '@angular/forms';
import { ActivatedRoute } from '@angular/router';
import { Avrop } from '@msfa-models/avrop.model';
import { AvvikelseAlternativ, AvvikelseRequestData } from '@msfa-models/avvikelse.model';
import { CustomError } from '@msfa-models/error/custom-error';
import { FragorForAvvikelser } from '@msfa-models/fragor-for-avvikelser.model';
import { OrsaksKoderAvvikelse } from '@msfa-models/orsaks-koder-avvikelse.model';
import { DeltagareApiService } from '@msfa-services/api/deltagare.api.service';
import { RequiredValidator } from '@msfa-validators/required.validator';
import { BehaviorSubject, combineLatest, Observable, Subscription } from 'rxjs';
import { map, shareReplay, switchMap, take } from 'rxjs/operators';
import { DeltagareAvvikelserapportService } from './deltagare-avvikelserapport.service';
import { Avrop } from '@msfa-models/avrop.model';
import { FragorForAvvikelser } from '@msfa-models/fragor-for-avvikelser.model';
import { RequiredValidator } from '@msfa-validators/required.validator';
import { FormSelectItem } from '@af/digi-ng/_form/form-select';
import { OrsaksKoderAvvikelse } from '@msfa-models/orsaks-koder-avvikelse.model';
import { CustomError } from '@msfa-models/error/custom-error';
interface Params {
genomforandeReferens: string;
@@ -63,8 +63,8 @@ export class DeltagareAvvikelserapportComponent implements OnInit, OnDestroy {
private subscriptions: Subscription[] = [];
private todayDateISO = new Date().toISOString().slice(0, 10);
avvikelseFormGroup = new FormGroup({
[this.reasonFormName]: new FormControl(null, RequiredValidator('En orsak')), //[this.orsakFormControlName]:
[this.reportingDateFormName]: new FormControl(this.todayDateISO, RequiredValidator('Datum')),
[this.reasonFormName]: new FormControl(null, RequiredValidator('Orsak är obligatorisk')),
[this.reportingDateFormName]: new FormControl(this.todayDateISO, RequiredValidator('Datum är obligatoriskt')),
[this.questionsFormName]: new FormArray([]),
});
private formData$: Observable<AvvikelseFormData> = this.avvikelseFormGroup
@@ -199,7 +199,7 @@ export class DeltagareAvvikelserapportComponent implements OnInit, OnDestroy {
this.currentQuestions.push(question);
this.questionsFormArray.push(
new FormControl('', this.questionIsRequired(question) ? RequiredValidator('Frågan') : null)
new FormControl('', this.questionIsRequired(question) ? RequiredValidator('Frågan är obligatorisk') : null)
);
}
}

View File

@@ -39,8 +39,8 @@ export class DeltagarePeriodiskRedovisningComponent {
initializePeriodiskRedovisningFormGroup(activitiesList: Activity[]): void {
this.periodiskRedovisningFormGroup = new FormGroup({
lamnatJobbForslag: new FormControl(null, [RequiredValidator('lamnatJobbForslag')]),
providedSprakStod: new FormControl(null, [RequiredValidator('providedSprakStod')]),
lamnatJobbForslag: new FormControl(null, [RequiredValidator('lamnatJobbForslag är obligatoriskt')]),
providedSprakStod: new FormControl(null, [RequiredValidator('providedSprakStod är obligatoriskt')]),
activities: new FormArray([]),
});
this.getActivitesFormArray(activitiesList);

View File

@@ -30,7 +30,7 @@ export class HandledarePickerFormComponent implements OnChanges {
@Input() invalid = false;
@Output() selectedHandledareChanged = new EventEmitter<string>();
formGroup: FormGroup = new FormGroup({
handledare: new FormControl(null, [RequiredValidator('Handledare')]),
handledare: new FormControl(null, [RequiredValidator('Handledare är obligatorisk')]),
});
selectableHandledare: FormSelectItem[] = [];
submitted = false;

View File

@@ -27,7 +27,7 @@ export class OrganizationPickerFormComponent implements OnChanges {
@Output() selectedOrganizationChanged = new EventEmitter<Organization>();
organizationPickerFormGroup: FormGroup = new FormGroup({
organization: new FormControl(null, [RequiredValidator('Organisation')]),
organization: new FormControl(null, [RequiredValidator('Organisation är obligatorisk')]),
});
selectableOrganizations: Array<FormSelectItem> = [];

View File

@@ -1,15 +1,11 @@
import { AbstractControl, ValidatorFn } from '@angular/forms';
import { ValidationError } from '@msfa-models/validation-error.model';
export function RequiredValidator(label = 'Fältet', arrayValue = false): ValidatorFn {
export function RequiredValidator(message = 'Fältet är obligatoriskt'): ValidatorFn {
return (control: AbstractControl): ValidationError => {
if (control) {
if ((arrayValue && !control.value) || (Array.isArray(control.value) && !control.value.length)) {
return { type: 'required', message: `Minst ${label} behöver väljas` };
}
if (!control.value) {
return { type: 'required', message: `${label} är obligatoriskt` };
if (!control.value || (Array.isArray(control.value) && !control.value.length)) {
return { type: 'required', message };
}
}