Added typings, scroll to top when step is changed

This commit is contained in:
Erik Tiekstra
2021-11-12 10:51:29 +01:00
parent 8682ca963a
commit 7d18a696c4
6 changed files with 23 additions and 22 deletions

View File

@@ -2,7 +2,7 @@ export interface SlutredovisningFormStep0WorkFormData {
yrkesomrade: string; yrkesomrade: string;
yrkesgrupp: string; yrkesgrupp: string;
anstallningsform: string; anstallningsform: string;
otherExplanation: string; annatAnstallningComment: string;
omfattning: string; omfattning: string;
omfattningPercent: number; omfattningPercent: number;
} }

View File

@@ -11,7 +11,7 @@ export class SlutredovisningFormStep0WorkValidator {
yrkesomrade, yrkesomrade,
yrkesgrupp, yrkesgrupp,
anstallningsform, anstallningsform,
otherExplanation, annatAnstallningComment,
omfattning, omfattning,
omfattningPercent, omfattningPercent,
} = c.value as SlutredovisningFormStep0WorkFormData; } = c.value as SlutredovisningFormStep0WorkFormData;
@@ -33,7 +33,7 @@ export class SlutredovisningFormStep0WorkValidator {
...errors, ...errors,
anstallningsform: 'Anställningsform måste väljas', anstallningsform: 'Anställningsform måste väljas',
}; };
} else if (anstallningsform === Anstallningsform.Annat && !otherExplanation) { } else if (anstallningsform === Anstallningsform.Annat && !annatAnstallningComment) {
errors = { errors = {
...errors, ...errors,
annatAnstallningComment: 'Beskrivning av annat är obligatorisk om "annat" är vald under anställningsform', annatAnstallningComment: 'Beskrivning av annat är obligatorisk om "annat" är vald under anställningsform',

View File

@@ -110,27 +110,30 @@ export class SlutredovisningFormComponent implements OnDestroy {
} }
} }
backFromStep1() { backFromStep1(): void {
this.slutredovisningFormService.setStep('step0'); this.slutredovisningFormService.setStep('step0');
} }
backFromStep2() { backFromStep2(): void {
this.slutredovisningFormService.setStep('step1'); this.slutredovisningFormService.setStep('step1');
} }
backFromStep3() { backFromStep3(): void {
this.slutredovisningFormService.setStep('step2'); this.slutredovisningFormService.setStep('step2');
} }
processStep0Data(formData: SlutredovisningStep0FormData): void { processStep0Data(formData: SlutredovisningStep0FormData): void {
this.slutredovisningFormService.processStep0Data(formData); this.slutredovisningFormService.processStep0Data(formData);
window.scrollTo(0, 0);
} }
processStep1Data(formData: SlutredovisningStep1FormData) { processStep1Data(formData: SlutredovisningStep1FormData): void {
this.slutredovisningFormService.processStep1Data(formData); this.slutredovisningFormService.processStep1Data(formData);
window.scrollTo(0, 0);
} }
processStep2Data(formData: SlutredovisningStep2FormData) { processStep2Data(formData: SlutredovisningStep2FormData): void {
this.slutredovisningFormService.processStep2Data(formData); this.slutredovisningFormService.processStep2Data(formData);
window.scrollTo(0, 0);
} }
} }

View File

@@ -41,7 +41,7 @@ export class SlutredovisningFormService {
private deltagareApiService: DeltagareApiService, private deltagareApiService: DeltagareApiService,
private gemensamPlaneringApiService: GemensamPlaneringApiService private gemensamPlaneringApiService: GemensamPlaneringApiService
) {} ) {}
setStep(step: SlutredovisningStep) { setStep(step: SlutredovisningStep): void {
this._currentStep$.next(step); this._currentStep$.next(step);
} }
@@ -53,17 +53,17 @@ export class SlutredovisningFormService {
return this.deltagareApiService.fetchAvropInformation$(genomforandeReferens); return this.deltagareApiService.fetchAvropInformation$(genomforandeReferens);
} }
processStep0Data(formData: SlutredovisningStep0FormData) { processStep0Data(formData: SlutredovisningStep0FormData): void {
this._step0FormData$.next(formData); this._step0FormData$.next(formData);
this.setStep('step1'); this.setStep('step1');
} }
processStep1Data(formData: SlutredovisningStep1FormData) { processStep1Data(formData: SlutredovisningStep1FormData): void {
this._step1FormData$.next(formData); this._step1FormData$.next(formData);
this.setStep('step2'); this.setStep('step2');
} }
processStep2Data(formData: SlutredovisningStep2FormData) { processStep2Data(formData: SlutredovisningStep2FormData): void {
this._step2FormData$.next(formData); this._step2FormData$.next(formData);
this.setStep('step3'); this.setStep('step3');
} }

View File

@@ -1,18 +1,17 @@
import { SlutredovisningStep0FormData } from '../slutredovisning-form-step0/slutredovisning-form-step0.component'; import {
import { SlutredovisningStep1FormData } from '../slutredovisning-form-step1/slutredovisning-form-step1.component'; SlutredovisningRequest,
import { SlutredovisningStep2FormData } from '../slutredovisning-form-step2/slutredovisning-form-step2.component'; SlutredovisningRequestMainOccupationDetails,
} from '@msfa-models/api/slutredovisning.request.model';
import { import {
Anstallningsform, Anstallningsform,
MainOccupation, MainOccupation,
Omfattning, Omfattning,
StillUnemployedReason, StillUnemployedReason,
} from '@msfa-models/slutredovisning.model'; } from '@msfa-models/slutredovisning.model';
import {
SlutredovisningRequest,
SlutredovisningRequestMainOccupationDetails,
} from '@msfa-models/api/slutredovisning.request.model';
import { SlutredovisningFormData } from '../models/slutredovisning-form-data.model'; import { SlutredovisningFormData } from '../models/slutredovisning-form-data.model';
import { SlutredovisningStep0FormData } from '../slutredovisning-form-step0/slutredovisning-form-step0.component';
import { SlutredovisningStep1FormData } from '../slutredovisning-form-step1/slutredovisning-form-step1.component';
import { SlutredovisningStep2FormData } from '../slutredovisning-form-step2/slutredovisning-form-step2.component';
export function formsToSlutredovisningFormData( export function formsToSlutredovisningFormData(
genomforandereferens: number, genomforandereferens: number,
@@ -43,7 +42,7 @@ export function formsToSlutredovisningFormData(
yrkesgrupp: workItem.yrkesgrupp, yrkesgrupp: workItem.yrkesgrupp,
omfattning: workItem.omfattning as Omfattning, omfattning: workItem.omfattning as Omfattning,
omfattningPercent: workItem.omfattningPercent, omfattningPercent: workItem.omfattningPercent,
otherExplanation: workItem.otherExplanation, otherExplanation: workItem.annatAnstallningComment,
anstallningsform: workItem.anstallningsform as Anstallningsform, anstallningsform: workItem.anstallningsform as Anstallningsform,
}; };
}), }),

View File

@@ -100,7 +100,6 @@ export class RadiobuttonGroupComponent implements ControlValueAccessor, AfterVie
checkForChange(rawValue: any): void { checkForChange(rawValue: any): void {
const value = this._transformValue(rawValue); const value = this._transformValue(rawValue);
console.log(value);
if (this._value !== value) { if (this._value !== value) {
if (this.onChange) { if (this.onChange) {
this.onChange(value); this.onChange(value);