Added typings, scroll to top when step is changed
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user