Merge pull request #130 in TEA/mina-sidor-fa-web from correct-lint-and-tests to develop
Squashed commit of the following: commit 82c88cc8bdae25f4306b4500921076776b9eb547 Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se> Date: Fri Sep 24 13:57:55 2021 +0200 fixed errors and lint commit 08ec0b9005ce08a6eecd0d3b083a4fa9e06e38af Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se> Date: Fri Sep 24 13:48:27 2021 +0200 Update deltagare-tab-reports.component.spec.ts
This commit is contained in:
@@ -4,6 +4,8 @@ import { ReactiveFormsModule } from '@angular/forms';
|
||||
import { RouterTestingModule } from '@angular/router/testing';
|
||||
import { LoaderModule } from '@msfa-shared/components/loader/loader.module';
|
||||
import { DeltagareTabReportsComponent } from './deltagare-tab-reports.component';
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { DigiNgFormSelectModule } from '@af/digi-ng/_form/form-select';
|
||||
|
||||
describe('DeltagareTabReportsComponent', () => {
|
||||
let component: DeltagareTabReportsComponent;
|
||||
@@ -12,7 +14,14 @@ describe('DeltagareTabReportsComponent', () => {
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [DeltagareTabReportsComponent],
|
||||
imports: [RouterTestingModule, HttpClientTestingModule, ReactiveFormsModule, LoaderModule],
|
||||
imports: [
|
||||
RouterTestingModule,
|
||||
HttpClientTestingModule,
|
||||
ReactiveFormsModule,
|
||||
LoaderModule,
|
||||
DigiNgFormSelectModule,
|
||||
],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||
}).compileComponents();
|
||||
});
|
||||
|
||||
|
||||
@@ -5,14 +5,11 @@ import { FormGroup } from '@angular/forms';
|
||||
selector: 'msfa-periodisk-redovisning-form',
|
||||
templateUrl: './periodisk-redovisning-form.component.html',
|
||||
styleUrls: ['./periodisk-redovisning-form.component.scss'],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
})
|
||||
export class PeriodiskRedovisningFormComponent {
|
||||
@Input() periodiskRedovisningFormGroup: FormGroup;
|
||||
@Input() totalAmountOfSteps: number;
|
||||
@Input() currentStep: number;
|
||||
@Output() submitPRFormGroup = new EventEmitter<FormGroup>();
|
||||
|
||||
|
||||
constructor() {}
|
||||
}
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
<msfa-layout>
|
||||
<msfa-report-layout
|
||||
reportTitle="Periodisk Redovisning"
|
||||
<msfa-report-layout
|
||||
reportTitle="Periodisk Redovisning"
|
||||
reportSubTitle="Skapa redovisning"
|
||||
[totalAmountOfSteps]="totalAmountOfSteps"
|
||||
[currentStep]="currentStep"
|
||||
[isPeriodDate]="true"
|
||||
[isPeriodDate]="true"
|
||||
[startDate]="'2021-09-01'"
|
||||
[endDate]="'2021-09-30'"
|
||||
(currentStepEvent)="currentStep = $event"
|
||||
(sendRequestEvent)="sendRequest = $event">
|
||||
[endDate]="'2021-09-30'">
|
||||
<form
|
||||
class="periodisk-redovisning"
|
||||
*ngIf="periodiskRedovisningFormGroup"
|
||||
@@ -22,19 +20,19 @@
|
||||
[formControlName]="lamnatJobbForslagFormControlName"
|
||||
[afRadiobuttonGroupDirection]="radiobuttonGroupDirection.HORIZONTAL"
|
||||
></digi-ng-form-radiobutton-group>
|
||||
<digi-form-validation-message
|
||||
<digi-form-validation-message
|
||||
af-variation="error"
|
||||
*ngIf="lamnatJobbForslagFormControl.invalid && lamnatJobbForslagFormControl.touched">
|
||||
Svar på frågorna är obligatoriskt
|
||||
</digi-form-validation-message>
|
||||
|
||||
|
||||
<p class="periodisk-redovisning__space-top">Har ni, under perioden, tillhandahållit språkstöd?</p>
|
||||
<digi-ng-form-radiobutton-group
|
||||
[afRadiobuttons]="[{label:'Ja', value: true}, {label:'Nej', value: false}]"
|
||||
[formControlName]="providedSprakStodFormControlName"
|
||||
[afRadiobuttonGroupDirection]="radiobuttonGroupDirection.HORIZONTAL"
|
||||
></digi-ng-form-radiobutton-group>
|
||||
<digi-form-validation-message
|
||||
<digi-form-validation-message
|
||||
af-variation="error"
|
||||
*ngIf="providedSprakStodFormControl.invalid && providedSprakStodFormControl.touched">
|
||||
Svar på frågorna är obligatoriskt
|
||||
@@ -45,7 +43,7 @@
|
||||
|
||||
<div class="periodisk-redovisning__step-buttons-wrapper">
|
||||
<ng-container *ngIf="currentStep > 1">
|
||||
<digi-button class="periodisk-redovisning__step-buttons-wrapper--space-right"
|
||||
<digi-button class="periodisk-redovisning__step-buttons-wrapper--space-right"
|
||||
af-variation="secondary" af-size="m" (afOnClick)="previousStep()">
|
||||
Tillbaka
|
||||
</digi-button>
|
||||
@@ -69,4 +67,4 @@
|
||||
</div>
|
||||
</form>
|
||||
</msfa-report-layout>
|
||||
</msfa-layout>
|
||||
</msfa-layout>
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import { RadiobuttonGroupDirection } from '@af/digi-ng/_form/form-radiobutton-group';
|
||||
import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
|
||||
import { AbstractControl, FormControl, FormGroup, Validators } from '@angular/forms';
|
||||
import { AbstractControl, FormControl, FormGroup } from '@angular/forms';
|
||||
import { RequiredValidator } from '@msfa-validators/required.validator';
|
||||
|
||||
@Component({
|
||||
selector: 'msfa-periodisk-redovisning',
|
||||
@@ -9,9 +10,8 @@ import { AbstractControl, FormControl, FormGroup, Validators } from '@angular/fo
|
||||
changeDetection: ChangeDetectionStrategy.OnPush,
|
||||
})
|
||||
export class PeriodiskRedovisningComponent implements OnInit {
|
||||
|
||||
radiobuttonGroupDirection = RadiobuttonGroupDirection;
|
||||
totalAmountOfSteps =3;
|
||||
totalAmountOfSteps = 3;
|
||||
currentStep = 1;
|
||||
|
||||
// Form-related variables
|
||||
@@ -20,8 +20,6 @@ export class PeriodiskRedovisningComponent implements OnInit {
|
||||
readonly lamnatJobbForslagFormControlName = 'lamnatJobbForslag';
|
||||
readonly providedSprakStodFormControlName = 'providedSprakStod';
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
this.initializePeriodiskRedovisningFormGroup();
|
||||
}
|
||||
@@ -33,15 +31,15 @@ export class PeriodiskRedovisningComponent implements OnInit {
|
||||
return this.periodiskRedovisningFormGroup.get(this.providedSprakStodFormControlName);
|
||||
}
|
||||
|
||||
initializePeriodiskRedovisningFormGroup():void {
|
||||
initializePeriodiskRedovisningFormGroup(): void {
|
||||
this.periodiskRedovisningFormGroup = new FormGroup({
|
||||
lamnatJobbForslag: new FormControl(null, [Validators.required]),
|
||||
providedSprakStod: new FormControl(null, [Validators.required]),
|
||||
lamnatJobbForslag: new FormControl(null, [RequiredValidator()]),
|
||||
providedSprakStod: new FormControl(null, [RequiredValidator()]),
|
||||
});
|
||||
}
|
||||
|
||||
nextStep():void {
|
||||
if(this.periodiskRedovisningFormGroup?.valid && this.currentStep < this.totalAmountOfSteps) {
|
||||
|
||||
nextStep(): void {
|
||||
if (this.periodiskRedovisningFormGroup?.valid && this.currentStep < this.totalAmountOfSteps) {
|
||||
console.log('this.prFormGroup', this.periodiskRedovisningFormGroup);
|
||||
this.currentStep++;
|
||||
}
|
||||
@@ -49,14 +47,13 @@ export class PeriodiskRedovisningComponent implements OnInit {
|
||||
this.periodiskRedovisningFormGroup?.markAllAsTouched();
|
||||
}
|
||||
|
||||
previousStep():void {
|
||||
if(this.currentStep > 1) {
|
||||
previousStep(): void {
|
||||
if (this.currentStep > 1) {
|
||||
this.currentStep--;
|
||||
}
|
||||
}
|
||||
|
||||
sendRequest(val: boolean):boolean {
|
||||
sendRequest(val: boolean): boolean {
|
||||
return val;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,23 +1,17 @@
|
||||
import { Injectable } from '@angular/core';
|
||||
import { FormGroup } from '@angular/forms';
|
||||
import { Deltagare } from '@msfa-models/deltagare.model';
|
||||
import { BehaviorSubject } from 'rxjs';
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root'
|
||||
providedIn: 'root',
|
||||
})
|
||||
export class PeriodiskRedovisningFormService {
|
||||
private periodiskRedovisningFormGroup: FormGroup;
|
||||
_deltagare$ = new BehaviorSubject<Deltagare>(null);
|
||||
|
||||
constructor() { }
|
||||
|
||||
setPeriodiskRedovisningForm(form: FormGroup):void {
|
||||
setPeriodiskRedovisningForm(form: FormGroup): void {
|
||||
this.periodiskRedovisningFormGroup = form;
|
||||
}
|
||||
|
||||
get periodiskRedovisningForm():FormGroup {
|
||||
return this.periodiskRedovisningFormGroup
|
||||
get periodiskRedovisningForm(): FormGroup {
|
||||
return this.periodiskRedovisningFormGroup;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -20,19 +20,19 @@ export class DeltagareCardService {
|
||||
return this.deltagareApiService.fetchContactInformation$(deltagareId);
|
||||
}
|
||||
public fetchAvropInformation$(deltagareId: string): Observable<Avrop> {
|
||||
return this.deltagareApiService.fetchAvropInformation$(deltagareId) as Observable<Avrop>;
|
||||
return this.deltagareApiService.fetchAvropInformation$(deltagareId);
|
||||
}
|
||||
public fetchWorkExperiences$(deltagareId: string): Observable<WorkExperience[]> {
|
||||
return this.deltagareApiService.fetchWorkExperiences$(deltagareId);
|
||||
}
|
||||
public fetchHighestEducation$(deltagareId: string): Observable<HighestEducation> {
|
||||
return this.deltagareApiService.fetchHighestEducation$(deltagareId) as Observable<HighestEducation>;
|
||||
return this.deltagareApiService.fetchHighestEducation$(deltagareId);
|
||||
}
|
||||
public fetchEducations$(deltagareId: string): Observable<Education[]> {
|
||||
return this.deltagareApiService.fetchEducations$(deltagareId);
|
||||
}
|
||||
public fetchDriversLicense$(deltagareId: string): Observable<DriversLicense> {
|
||||
return this.deltagareApiService.fetchDriversLicense$(deltagareId) as Observable<DriversLicense>;
|
||||
return this.deltagareApiService.fetchDriversLicense$(deltagareId);
|
||||
}
|
||||
public fetchWorkLanguages$(deltagareId: string): Observable<string[]> {
|
||||
return this.deltagareApiService.fetchWorkLanguages$(deltagareId);
|
||||
|
||||
Reference in New Issue
Block a user