Feature branch/qualification accordion

frontend/src/app/core/model/qualification.model.ts

@@ -28,7 +28,7 @@ export interface AvailableQualificationsResponse {
 export interface QualificationRequest {
   type: QualificationType;
   qualification: Qualification;
-  year?: 2014;
+  year?: number;
   notes?: string;
 }
 

frontend/src/app/core/resolvers/available-qualification.resolver.ts

@@ -0,0 +1,29 @@
+import { of, Observable } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, Resolve, Router } from '@angular/router';
+import { AvailableQualificationsResponse } from '@core/model/qualification.model';
+import { EstablishmentService } from '@core/services/establishment.service';
+import { WorkerService } from '@core/services/worker.service';
+
+@Injectable()
+export class AvailableQualificationsResolver implements Resolve<AvailableQualificationsResponse[]> {
+  constructor(
+    private router: Router,
+    private workerService: WorkerService,
+    private establishmentService: EstablishmentService,
+  ) {}
+
+  resolve(route: ActivatedRouteSnapshot): Observable<AvailableQualificationsResponse[]> {
+    const workplaceUid = route.paramMap.get('establishmentuid') || this.establishmentService.establishmentId;
+    const workerUid = route.paramMap.get('id') || this.workerService.worker.uid;
+
+    return this.workerService.getAllAvailableQualifications(workplaceUid, workerUid).pipe(
+      catchError(() => {
+        this.router.navigate(['/problem-with-the-service']);
+        return of(null);
+      }),
+    );
+  }
+}

frontend/src/app/core/services/qualification.service.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { QualificationLevel } from '@core/model/qualification.model';
+import { Qualification, QualificationLevel, QualificationType } from '@core/model/qualification.model';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { environment } from 'src/environments/environment';
@@ -9,9 +9,27 @@ import { environment } from 'src/environments/environment';
   providedIn: 'root',
 })
 export class QualificationService {
+  protected _selectedQualification: Qualification = null;
+
   constructor(private http: HttpClient) {}
 
   getQualifications(): Observable<QualificationLevel[]> {
-    return this.http.get<any>(`${environment.appRunnerEndpoint}/api/qualification`).pipe(map((res) => res.qualifications));
+    return this.http
+      .get<any>(`${environment.appRunnerEndpoint}/api/qualification`)
+      .pipe(map((res) => res.qualifications));
+  }
+
+  public get selectedQualification() {
+    return this._selectedQualification;
+  }
+
+  public setSelectedQualification(id: number, title: string, group: QualificationType) {
+    if (id && title && group) {
+      this._selectedQualification = { id, title, group };
+    }
+  }
+
+  public clearSelectedQualification() {
+    this._selectedQualification = null;
   }
 }

frontend/src/app/core/services/worker.service.ts

@@ -19,7 +19,7 @@ import {
 import { TrainingAndQualificationRecords } from '@core/model/trainingAndQualifications.model';
 import { URLStructure } from '@core/model/url.model';
 import { Worker, WorkerEditResponse, WorkersResponse } from '@core/model/worker.model';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { BehaviorSubject, forkJoin, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { environment } from 'src/environments/environment';
 import { Contracts } from '@core/model/contracts.enum';
@@ -191,6 +191,24 @@ export class WorkerService {
       .pipe(map((res) => res.qualifications));
   }
 
+  getAllAvailableQualifications(
+    workplaceUid: string,
+    workerUid: string,
+  ): Observable<AvailableQualificationsResponse[]> {
+    const allQualificationTypes: QualificationType[] = Object.values(QualificationType);
+    const allResponses$ = allQualificationTypes.map((type) => {
+      const params = new HttpParams().append('type', type);
+      return this.http.get<AvailableQualificationsResponse>(
+        `${environment.appRunnerEndpoint}/api/establishment/${workplaceUid}/worker/${workerUid}/qualification/available`,
+        {
+          params,
+        },
+      );
+    });
+
+    return forkJoin(allResponses$);
+  }
+
   createQualification(workplaceUid: string, workerId: string, record: QualificationRequest) {
     return this.http.post<QualificationRequest>(
       `${environment.appRunnerEndpoint}/api/establishment/${workplaceUid}/worker/${workerId}/qualification`,

frontend/src/app/core/test-utils/MockQualificationsService.ts

@@ -1,5 +1,6 @@
+import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { QualificationLevel } from '@core/model/qualification.model';
+import { Qualification, QualificationLevel, QualificationType } from '@core/model/qualification.model';
 import { QualificationService } from '@core/services/qualification.service';
 import { Observable, of } from 'rxjs';
 
@@ -19,4 +20,14 @@ export class MockQualificationService extends QualificationService {
       { id: 10, level: `Don't know` },
     ]);
   }
+
+  public static factory(selectedQualification: Qualification) {
+    return (httpClient: HttpClient) => {
+      const service = new QualificationService(httpClient);
+      const { id, title, group } = selectedQualification;
+      service.setSelectedQualification(id, title, group as QualificationType);
+
+      return service;
+    };
+  }
 }

frontend/src/app/core/test-utils/MockWorkerService.ts

@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { Params } from '@angular/router';
-import { QualificationsByGroup } from '@core/model/qualification.model';
+import { QualificationsByGroup, QualificationType } from '@core/model/qualification.model';
 import {
   CreateTrainingRecordResponse,
   MultipleTrainingResponse,
@@ -13,6 +13,8 @@ import { NewWorkerMandatoryInfo, WorkerService } from '@core/services/worker.ser
 import { build, fake, oneOf, perBuild, sequence } from '@jackfranklin/test-data-bot';
 import { Observable, of } from 'rxjs';
 
+import { AvailableQualificationsResponse } from '../model/qualification.model';
+
 export const workerBuilder = build('Worker', {
   fields: {
     id: sequence(),
@@ -238,6 +240,130 @@ export const qualificationsByGroup = {
   ],
 } as QualificationsByGroup;
 
+export const mockAvailableQualifications: AvailableQualificationsResponse[] = [
+  {
+    type: QualificationType.NVQ,
+    count: 2,
+    qualifications: [
+      {
+        id: 93,
+        title: 'Care NVQ (level 2)',
+        level: '2',
+        code: 4,
+      },
+      {
+        id: 94,
+        title: 'Care NVQ (level 3)',
+        level: '3',
+        code: 5,
+      },
+    ],
+  },
+  {
+    type: QualificationType.Certificate,
+    count: 2,
+    qualifications: [
+      {
+        id: 30,
+        title: 'Activity provision in social care (level 3)',
+        level: '3',
+        code: 42,
+      },
+      {
+        id: 31,
+        title: 'Adult care (level 4)',
+        level: '4',
+        code: 110,
+      },
+    ],
+  },
+  {
+    type: QualificationType.Degree,
+    count: 2,
+    qualifications: [
+      {
+        id: 71,
+        title: 'Combined nursing and social work degree (level 6)',
+        level: '6',
+        code: 18,
+      },
+      {
+        id: 136,
+        title: 'Health and social care degree (level 6)',
+        level: '6',
+        code: 144,
+      },
+    ],
+  },
+  {
+    type: QualificationType.Award,
+    count: 2,
+    qualifications: [
+      {
+        id: 1,
+        title: 'Advanced Award in Social Work (AASW, level 7)',
+        level: '7',
+        code: 20,
+      },
+      {
+        id: 5,
+        title: 'Awareness of dementia (level 3)',
+        level: '3',
+        code: 49,
+        from: '2010-09-01',
+      },
+    ],
+  },
+  {
+    type: QualificationType.Diploma,
+    count: 1,
+    qualifications: [
+      {
+        id: 74,
+        title: 'Adult care (level 4)',
+        level: '4',
+        code: 109,
+      },
+    ],
+  },
+  {
+    type: QualificationType.Apprenticeship,
+    count: 3,
+    qualifications: [
+      {
+        id: 121,
+        title: 'Adult care worker (standard, level 2)',
+        level: '2',
+        code: 302,
+      },
+      {
+        id: 124,
+        title: 'Degree registered nurse (standard, level 6)',
+        level: '6',
+        code: 310,
+      },
+    ],
+  },
+  {
+    type: QualificationType.Other,
+    count: 2,
+    qualifications: [
+      {
+        id: 113,
+        title: 'Other relevant professional qualification',
+        level: null,
+        code: 33,
+      },
+      {
+        id: 119,
+        title: 'Other qualification',
+        level: null,
+        code: 39,
+      },
+    ],
+  },
+];
+
 export const trainingRecord = {
   id: 10,
   uid: 'someTrainingUid',
@@ -343,6 +469,13 @@ export class MockWorkerService extends WorkerService {
   ): Observable<CreateTrainingRecordResponse> {
     return of(trainingRecord);
   }
+
+  getAllAvailableQualifications(
+    workplaceUid: string,
+    workerUid: string,
+  ): Observable<AvailableQualificationsResponse[]> {
+    return of(mockAvailableQualifications);
+  }
 }
 
 @Injectable()