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;
yrkesgrupp: string;
anstallningsform: string;
otherExplanation: string;
annatAnstallningComment: string;
omfattning: string;
omfattningPercent: number;
}

View File

@@ -11,7 +11,7 @@ export class SlutredovisningFormStep0WorkValidator {
yrkesomrade,
yrkesgrupp,
anstallningsform,
otherExplanation,
annatAnstallningComment,
omfattning,
omfattningPercent,
} = c.value as SlutredovisningFormStep0WorkFormData;
@@ -33,7 +33,7 @@ export class SlutredovisningFormStep0WorkValidator {
...errors,
anstallningsform: 'Anställningsform måste väljas',
};
} else if (anstallningsform === Anstallningsform.Annat && !otherExplanation) {
} else if (anstallningsform === Anstallningsform.Annat && !annatAnstallningComment) {
errors = {
...errors,
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');
}
backFromStep2() {
backFromStep2(): void {
this.slutredovisningFormService.setStep('step1');
}
backFromStep3() {
backFromStep3(): void {
this.slutredovisningFormService.setStep('step2');
}
processStep0Data(formData: SlutredovisningStep0FormData): void {
this.slutredovisningFormService.processStep0Data(formData);
window.scrollTo(0, 0);
}
processStep1Data(formData: SlutredovisningStep1FormData) {
processStep1Data(formData: SlutredovisningStep1FormData): void {
this.slutredovisningFormService.processStep1Data(formData);
window.scrollTo(0, 0);
}
processStep2Data(formData: SlutredovisningStep2FormData) {
processStep2Data(formData: SlutredovisningStep2FormData): void {
this.slutredovisningFormService.processStep2Data(formData);
window.scrollTo(0, 0);
}
}

View File

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

View File

@@ -1,18 +1,17 @@
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';
import {
SlutredovisningRequest,
SlutredovisningRequestMainOccupationDetails,
} from '@msfa-models/api/slutredovisning.request.model';
import {
Anstallningsform,
MainOccupation,
Omfattning,
StillUnemployedReason,
} from '@msfa-models/slutredovisning.model';
import {
SlutredovisningRequest,
SlutredovisningRequestMainOccupationDetails,
} from '@msfa-models/api/slutredovisning.request.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(
genomforandereferens: number,
@@ -43,7 +42,7 @@ export function formsToSlutredovisningFormData(
yrkesgrupp: workItem.yrkesgrupp,
omfattning: workItem.omfattning as Omfattning,
omfattningPercent: workItem.omfattningPercent,
otherExplanation: workItem.otherExplanation,
otherExplanation: workItem.annatAnstallningComment,
anstallningsform: workItem.anstallningsform as Anstallningsform,
};
}),

View File

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