From 0583d7e82d8e1b9fd9a3355fc6bf1945f353db11 Mon Sep 17 00:00:00 2001
From: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date: Fri, 16 Apr 2021 15:52:39 +0200
Subject: [PATCH] Added language data

---
 .../data/models/out-of-office-date.model.ts   |   5 +
 .../create-account.component.html             |   8 +-
 .../create-account.component.scss             |  19 +
 .../create-account.component.ts               |  26 +-
 apps/dafa-web/src/styles/styles.scss          |   3 +-
 mock-api/dafa-web/routes.json                 |   5 +-
 mock-api/dafa-web/scripts/agencies.js         |   2 +
 mock-api/dafa-web/scripts/generate-api.js     |   2 +
 mock-api/dafa-web/scripts/kommuner.js         |   2 +
 mock-api/dafa-web/scripts/languages.js        | 446 ++++++++++++++++++
 mock-api/dafa-web/scripts/participants.js     |   1 +
 mock-api/dafa-web/scripts/services.js         |   5 +-
 mock-api/dafa-web/scripts/staff.js            |  23 +-
 .../scripts/utils/choose-random.util.js       |  14 +
 14 files changed, 536 insertions(+), 25 deletions(-)
 create mode 100644 apps/dafa-web/src/app/data/models/out-of-office-date.model.ts
 create mode 100644 mock-api/dafa-web/scripts/languages.js
 create mode 100644 mock-api/dafa-web/scripts/utils/choose-random.util.js

diff --git a/apps/dafa-web/src/app/data/models/out-of-office-date.model.ts b/apps/dafa-web/src/app/data/models/out-of-office-date.model.ts
new file mode 100644
index 0000000..1e01a83
--- /dev/null
+++ b/apps/dafa-web/src/app/data/models/out-of-office-date.model.ts
@@ -0,0 +1,5 @@
+export interface OutOfOfficeDate {
+  id: number;
+  start: Date;
+  end: Date;
+}
diff --git a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.html b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.html
index b6290a5..13241ff 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.html
+++ b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.html
@@ -92,9 +92,13 @@
         </div>
         <digi-button (afOnClick)="addOutOfOfficeDate()">Lägg till</digi-button>
 
-        <ul *ngIf="pendingOutOfOfficeDates.length">
+        <ul class="create-account__pending-out-of-office-list" *ngIf="pendingOutOfOfficeDates.length">
           <li *ngFor="let date of pendingOutOfOfficeDates">
-            start: {{ date.start | localDate }} end: {{ date.end | localDate }}
+            Från {{ date.start | localDate }} till {{ date.end | localDate }}
+            <digi-button af-variation="secondary" af-size="s" (afOnClick)="removeOutOfOfficeDate(date.id)">
+              <digi-icon-x slot="icon"></digi-icon-x>
+              <span>Ta bort</span>
+            </digi-button>
           </li>
         </ul>
       </fieldset>
diff --git a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.scss b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.scss
index c36fc74..00740d9 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.scss
+++ b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.scss
@@ -1,3 +1,5 @@
+@import 'mixins/list';
+
 .create-account {
   &__block {
     max-width: var(--digi--typography--text--max-width);
@@ -31,6 +33,23 @@
     }
   }
 
+  &__pending-out-of-office-list {
+    @include dafa__reset-list;
+    margin-top: var(--digi--layout--gutter);
+
+    li {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      gap: var(--digi--layout--gutter--s);
+      padding: var(--digi--layout--gutter--s);
+
+      &:nth-child(odd) {
+        background-color: var(--digi--ui--color--background--tertiary);
+      }
+    }
+  }
+
   &__footer {
     display: flex;
     gap: var(--digi--layout--gutter);
diff --git a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.ts b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.ts
index 1eacba2..e22619f 100644
--- a/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.ts
+++ b/apps/dafa-web/src/app/pages/administration/pages/create-account/create-account.component.ts
@@ -2,6 +2,7 @@ import { RadiobuttonModel } from '@af/digi-ng/_form/form-radiobutton-group';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
+import { OutOfOfficeDate } from '@dafa-models/out-of-office-date.model';
 import { StaffService } from '@dafa-services/api/staff.service';
 import { RequiredValidator } from '@dafa-validators/required.validator';
 import { SocialSecurityNumberValidator } from '@dafa-validators/social-security-number.validator';
@@ -14,7 +15,18 @@ import { BehaviorSubject } from 'rxjs';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CreateAccountComponent {
-  private _pendingOutOfOfficeDates$ = new BehaviorSubject<{ start: Date; end: Date }[]>([]);
+  private _pendingOutOfOfficeDates$ = new BehaviorSubject<OutOfOfficeDate[]>([
+    {
+      id: 123456789,
+      start: new Date(),
+      end: new Date(),
+    },
+    {
+      id: 987654321,
+      start: new Date(),
+      end: new Date(),
+    },
+  ]);
   formGroup: FormGroup;
   todaysDate = new Date();
 
@@ -32,7 +44,7 @@ export class CreateAccountComponent {
     });
   }
 
-  get pendingOutOfOfficeDates(): { start: Date; end: Date }[] {
+  get pendingOutOfOfficeDates(): OutOfOfficeDate[] {
     return this._pendingOutOfOfficeDates$.getValue();
   }
   get activeRadioButtons(): RadiobuttonModel[] {
@@ -77,7 +89,11 @@ export class CreateAccountComponent {
     if (this.outOfOfficeStartControl.value && this.outOfOfficeEndControl.value) {
       this._pendingOutOfOfficeDates$.next([
         ...this.pendingOutOfOfficeDates,
-        { start: new Date(this.outOfOfficeStartControl.value), end: new Date(this.outOfOfficeEndControl.value) },
+        {
+          id: Date.now(),
+          start: new Date(this.outOfOfficeStartControl.value),
+          end: new Date(this.outOfOfficeEndControl.value),
+        },
       ]);
 
       this.outOfOfficeStartControl.patchValue('');
@@ -85,6 +101,10 @@ export class CreateAccountComponent {
     }
   }
 
+  removeOutOfOfficeDate(id: number): void {
+    this._pendingOutOfOfficeDates$.next(this.pendingOutOfOfficeDates.filter(date => date.id !== id));
+  }
+
   private _markFormAsDirty(): void {
     Object.keys(this.formGroup.controls).forEach(control => {
       this.formGroup.get(control).markAsDirty();
diff --git a/apps/dafa-web/src/styles/styles.scss b/apps/dafa-web/src/styles/styles.scss
index db76d0e..c61dac8 100644
--- a/apps/dafa-web/src/styles/styles.scss
+++ b/apps/dafa-web/src/styles/styles.scss
@@ -28,7 +28,8 @@ strong {
 }
 
 // Make all digi icons display inline-flex to make them get the correct height.
-[class^='sc-digi-icon'] {
+[class^='sc-digi-icon'],
+.digi-button__icon {
   display: inline-flex;
 }
 
diff --git a/mock-api/dafa-web/routes.json b/mock-api/dafa-web/routes.json
index 304d350..f6a73f3 100644
--- a/mock-api/dafa-web/routes.json
+++ b/mock-api/dafa-web/routes.json
@@ -1,6 +1,5 @@
 {
   "/api/*": "/$1",
-  "/participant/:id": "/participants/:id",
-  "/activeParticipants": "/participants?status=active",
-  "/followUpParticipants": "/participants?status=follow-up"
+  "/participants": "/participants?_embed=staff",
+  "/participant/:id": "/participants/:id?_embed=staff"
 }
diff --git a/mock-api/dafa-web/scripts/agencies.js b/mock-api/dafa-web/scripts/agencies.js
index 31a888a..7ca4997 100644
--- a/mock-api/dafa-web/scripts/agencies.js
+++ b/mock-api/dafa-web/scripts/agencies.js
@@ -23,6 +23,8 @@ function generateAgencies(amount = 10) {
     });
   }
 
+  console.info('Agencies generated...');
+
   return agencies;
 }
 
diff --git a/mock-api/dafa-web/scripts/generate-api.js b/mock-api/dafa-web/scripts/generate-api.js
index d973a4d..471535e 100644
--- a/mock-api/dafa-web/scripts/generate-api.js
+++ b/mock-api/dafa-web/scripts/generate-api.js
@@ -1,6 +1,7 @@
 import fs from 'fs';
 import agencies from './agencies.js';
 import kommuner from './kommuner.js';
+import languages from './languages.js';
 import participants from './participants.js';
 import services from './services.js';
 import staff from './staff.js';
@@ -9,6 +10,7 @@ const generatedStaff = staff.generate(5);
 
 const apiData = {
   services: services.generate(),
+  languages: languages.generate(),
   staff: generatedStaff,
   kommuner: kommuner.generate(),
   agencies: agencies.generate(),
diff --git a/mock-api/dafa-web/scripts/kommuner.js b/mock-api/dafa-web/scripts/kommuner.js
index 4b4a6c0..f46141c 100644
--- a/mock-api/dafa-web/scripts/kommuner.js
+++ b/mock-api/dafa-web/scripts/kommuner.js
@@ -4932,6 +4932,8 @@ function generateKommuner() {
     },
   ];
 
+  console.info('Kommuner generated...');
+
   return kommuner.map((kommun, id) => ({ ...kommun, id: ++id }));
 }
 
diff --git a/mock-api/dafa-web/scripts/languages.js b/mock-api/dafa-web/scripts/languages.js
new file mode 100644
index 0000000..f23a033
--- /dev/null
+++ b/mock-api/dafa-web/scripts/languages.js
@@ -0,0 +1,446 @@
+function generateLanguages() {
+  const languages = [
+    // { id: '10283', name: 'Abkhasiska' },
+    // { id: '10282', name: 'Acoli' },
+    // { id: '10015', name: 'Adangme' },
+    // { id: '239', name: 'Afar' },
+    // { id: '10017', name: 'Afrihili' },
+    { id: '240', name: 'Afrikaans' },
+    // { id: '10265', name: 'Afro-asiatiska språk' },
+    // { id: '242', name: 'Akan' },
+    // { id: '10284', name: 'Akinesiska' },
+    // { id: '10266', name: 'Akkadiska' },
+    // { id: '243', name: 'Albanska' },
+    // { id: '10267', name: 'Aleutiska' },
+    // { id: '10268', name: 'Algokinspråk' },
+    // { id: '10269', name: 'Altaiska språk, andra' },
+    // { id: '245', name: 'Amhariska' },
+    // { id: '10270', name: 'Apachespråk' },
+    // { id: '247', name: 'Arabiska' },
+    // { id: '248', name: 'Arameiska' },
+    // { id: '10271', name: 'Arapaho' },
+    // { id: '10272', name: 'Araukiska' },
+    // { id: '10273', name: 'Arawak' },
+    { id: '249', name: 'Armeniska' },
+    // { id: '10274', name: 'Artificiella, andra språk' },
+    // { id: '250', name: 'Assamesiska' },
+    // { id: '10517', name: 'Assyriska' },
+    // { id: '10275', name: 'Athapaskspråk' },
+    // { id: '10276', name: 'Australiska språk' },
+    // { id: '10277', name: 'Austronesiska språk, andra' },
+    // { id: '10278', name: 'Avariska' },
+    // { id: '10279', name: 'Avestiska' },
+    // { id: '10280', name: 'Awadhi' },
+    // { id: '251', name: 'Aymara' },
+    { id: '252', name: 'Azerbajdzjanska' },
+    // { id: '10285', name: 'Balinesiska' },
+    // { id: '10286', name: 'Baltiska språk, andra' },
+    // { id: '253', name: 'Baluchiska' },
+    // { id: '254', name: 'Bambara' },
+    // { id: '10288', name: 'Bamilekespråk' },
+    // { id: '255', name: 'Banda' },
+    // { id: '256', name: 'Bantuspråk, andra' },
+    // { id: '10289', name: 'Basa' },
+    // { id: '257', name: 'Basjkiriska' },
+    // { id: '258', name: 'Baskiska' },
+    // { id: '10290', name: 'Batak (Indonésien)' },
+    // { id: '10291', name: 'Bedja' },
+    // { id: '259', name: 'Bemba' },
+    // { id: '260', name: 'Bengaliska' },
+    // { id: '261', name: 'Berberspråk, andra' },
+    // { id: '281', name: 'Bhutanesiska' },
+    // { id: '263', name: 'Bihariska' },
+    // { id: '10293', name: 'Bikol' },
+    // { id: '10294', name: 'Bini' },
+    // { id: '262', name: 'Bislama' },
+    // { id: '10292', name: 'Bodjpuri' },
+    { id: '265', name: 'Bosniska' },
+    // { id: '10295', name: 'Braj' },
+    // { id: '10296', name: 'Bretonska' },
+    // { id: '10297', name: 'Buginesiska' },
+    { id: '266', name: 'Bulgariska' },
+    // { id: '10298', name: 'Burjatiska' },
+    // { id: '267', name: 'Burmesiska' },
+    // { id: '10299', name: 'Caddo' },
+    // { id: '269', name: 'Cebuano' },
+    // { id: '10304', name: 'Centralamerikanska indianspråk, andra' },
+    // { id: '10305', name: 'Chagatai' },
+    // { id: '10306', name: 'Chamiska språk' },
+    // { id: '10307', name: 'Chamorro' },
+    // { id: '10309', name: 'Cherokee' },
+    // { id: '10310', name: 'Cheyenne' },
+    // { id: '10311', name: 'Chibcha' },
+    // { id: '10313', name: 'Chipewyan' },
+    // { id: '10314', name: 'Choctaw' },
+    // { id: '10316', name: 'Chuukesiska' },
+    // { id: '10319', name: 'Cree' },
+    // { id: '10326', name: 'Dajak' },
+    // { id: '10325', name: 'Dakota' },
+    { id: '274', name: 'Danska' },
+    { id: '10516', name: 'Dari' },
+    // { id: '10327', name: 'Delaware' },
+    // { id: '277', name: 'Dinka' },
+    // { id: '278', name: 'Divehi' },
+    // { id: '10414', name: 'Diverse språk' },
+    // { id: '10328', name: 'Dogri' },
+    // { id: '10329', name: 'Dogrib' },
+    // { id: '10330', name: 'Dravidiska språk, andra' },
+    // { id: '10331', name: 'Duala' },
+    // { id: '280', name: 'Dyula' },
+    // { id: '282', name: 'Efik' },
+    { id: '10333', name: 'Egyptiska' },
+    // { id: '10334', name: 'Ekajuk' },
+    // { id: '10335', name: 'Elamitiska' },
+    { id: '283', name: 'Engelska' },
+    { id: '10338', name: 'Esperanto' },
+    { id: '285', name: 'Estniska' },
+    // { id: '286', name: 'Ewe' },
+    // { id: '10339', name: 'Éwondo' },
+    // { id: '287', name: 'Fang' },
+    // { id: '288', name: 'Fanti' },
+    // { id: '289', name: 'Färöiska' },
+    // { id: '291', name: 'Fidjianska' },
+    // { id: '10447', name: 'Filippinska språk, andra' },
+    // { id: '10340', name: 'Finsk-ugriska språk, andra' },
+    { id: '292', name: 'Finska' },
+    // { id: '10419', name: 'Flera språk' },
+    // { id: '293', name: 'Fon' },
+    // { id: '10448', name: 'Fönikiska' },
+    { id: '295', name: 'Franska' },
+    // { id: '296', name: 'Frisiska' },
+    // { id: '10342', name: 'Friuliska' },
+    // { id: '298', name: 'Fulfulde' },
+    // { id: '300', name: 'Ga' },
+    // { id: '304', name: 'Gaeliska (Skotsk)' },
+    // { id: '301', name: 'Galiciska' },
+    // { id: '10355', name: 'Gammalgrekiska' },
+    // { id: '10348', name: 'Gammalhögtyska' },
+    // { id: '10375', name: 'Gammaliriska' },
+    // { id: '10429', name: 'Gammalnorska' },
+    // { id: '10337', name: 'Gammelengelska' },
+    // { id: '10514', name: 'Gammelfranska' },
+    // { id: '10446', name: 'Gammelpersiska' },
+    // { id: '10451', name: 'Gammelprovecanska' },
+    // { id: '362', name: 'Ganda' },
+    // { id: '10344', name: 'Gayo' },
+    // { id: '10345', name: 'Gbaya' },
+    // { id: '10346', name: 'Geez' },
+    { id: '305', name: 'Georgiska' },
+    // { id: '10349', name: 'Germanska språk, andra' },
+    // { id: '318', name: 'Gilbertesiska' },
+    // { id: '10351', name: 'Gondi' },
+    // { id: '10352', name: 'Gorontalo' },
+    // { id: '10353', name: 'Gotiska' },
+    // { id: '10354', name: 'Grebo' },
+    { id: '306', name: 'Grekiska' },
+    // { id: '307', name: 'Grönländska' },
+    // { id: '308', name: 'Guarani' },
+    // { id: '309', name: 'Gujarati' },
+    // { id: '10356', name: "Gwich'in" },
+    // { id: '10357', name: 'Haida' },
+    // { id: '313', name: 'Hausa' },
+    // { id: '10358', name: 'Hawaiiska' },
+    // { id: '314', name: 'Hebreiska' },
+    // { id: '315', name: 'Herero' },
+    // { id: '10362', name: 'Hettittiska' },
+    // { id: '10359', name: 'Hiligaynon' },
+    // { id: '10360', name: 'Himachali' },
+    { id: '316', name: 'Hindi' },
+    // { id: '10361', name: 'Hiri Motu' },
+    // { id: '10363', name: 'Hmong' },
+    // { id: '10364', name: 'Hupa' },
+    // { id: '10365', name: 'Iban' },
+    // { id: '317', name: 'Igbo' },
+    // { id: '10366', name: 'Ijo' },
+    // { id: '10367', name: 'Iloko' },
+    // { id: '10369', name: 'Indo-europeiska språk, andra' },
+    // { id: '10368', name: 'Indo-iranska språk, andra' },
+    // { id: '319', name: 'Indonesiska' },
+    // { id: '10370', name: 'Interlingua' },
+    // { id: '10371', name: 'Inuktitut' },
+    // { id: '10372', name: 'Inupiak' },
+    // { id: '10373', name: 'Iranska språk, andra' },
+    // { id: '320', name: 'Iriska' },
+    // { id: '10376', name: 'Irokesarspråk' },
+    // { id: '321', name: 'Isländska' },
+    { id: '322', name: 'Italienska' },
+    // { id: '10506', name: 'Jakutiska' },
+    // { id: '323', name: 'Japanska' },
+    // { id: '324', name: 'Javanesiska' },
+    // { id: '325', name: 'Jiddisch' },
+    // { id: '10377', name: 'Judeo-arabisk' },
+    // { id: '10378', name: 'Judeo-persiska' },
+    // { id: '327', name: 'Kabyliska' },
+    // { id: '10379', name: 'Kachin' },
+    // { id: '10518', name: 'Kaldeiska' },
+    // { id: '329', name: 'Kamba' },
+    // { id: '330', name: 'Kanaresiska' },
+    // { id: '332', name: 'Kanuri' },
+    // { id: '10381', name: 'Karakalpak' },
+    // { id: '333', name: 'Karen' },
+    // { id: '10300', name: 'Karibiska' },
+    // { id: '334', name: 'Kasmiriska' },
+    // { id: '335', name: 'Katalanska' },
+    // { id: '10302', name: 'Kaukasiska språk, andra' },
+    // { id: '10383', name: 'Kawi' },
+    // { id: '337', name: 'Kazakiska' },
+    // { id: '10303', name: 'Keltiska språk, andra' },
+    // { id: '10384', name: 'Khasi' },
+    // { id: '338', name: 'Khmer' },
+    // { id: '10385', name: 'Khoisanspråk, andra' },
+    // { id: '10386', name: 'Khotanesiska' },
+    // { id: '353', name: 'Kikuyu' },
+    // { id: '10388', name: 'Kimbundu' },
+    { id: '339', name: 'Kinesiska' },
+    // { id: '340', name: 'Kinyarwanda' },
+    // { id: '341', name: 'Kirgisiska' },
+    // { id: '342', name: 'Kirundi' },
+    // { id: '10389', name: 'Komi' },
+    // { id: '343', name: 'Kongo' },
+    // { id: '344', name: 'Konkani' },
+    // { id: '10317', name: 'Koptiska' },
+    // { id: '345', name: 'Koreanska' },
+    // { id: '10318', name: 'Korniska' },
+    // { id: '346', name: 'Korsikanska' },
+    // { id: '10390', name: 'Kosraeiska' },
+    // { id: '10391', name: 'Kpelle' },
+    // { id: '348', name: 'Kreolska o pidginspråk, portugisisk-baserade,andra' },
+    // { id: '10321', name: 'Kreolska och pidginspråk, andra' },
+    // { id: '10322', name: 'Kreolska och pidginspråk, engelsk-baserade, andra' },
+    // { id: '10323', name: 'Kreolska och pidginspråk, fransk-baserade, andra' },
+    // { id: '350', name: 'Kroatiska' },
+    // { id: '351', name: 'Kru' },
+    // { id: '10392', name: 'Kuanyama' },
+    // { id: '10393', name: 'Kumykiska' },
+    { id: '352', name: 'Kurdiska' },
+    // { id: '10394', name: 'Kurukh' },
+    // { id: '10324', name: 'Kusjittiska språk, andra' },
+    // { id: '10395', name: 'Kutenai' },
+    // { id: '10315', name: 'Kyrkslaviska' },
+    // { id: '10396', name: 'Ladino' },
+    // { id: '10397', name: 'Lahnda' },
+    // { id: '357', name: 'Lamba' },
+    // { id: '355', name: 'Lao' },
+    // { id: '10400', name: 'Latin' },
+    // { id: '10401', name: 'Lesgiska' },
+    // { id: '356', name: 'Lettiska' },
+    // { id: '358', name: 'Lingala' },
+    // { id: '359', name: 'Litauiska' },
+    // { id: '360', name: 'Lozi' },
+    // { id: '361', name: 'Luba-Katanga' },
+    // { id: '10402', name: 'Luba-Lulua' },
+    // { id: '10403', name: 'Luiseno' },
+    // { id: '364', name: 'Lunda' },
+    // { id: '365', name: 'Luo (Kenya och Tanzania)' },
+    // { id: '10404', name: 'Lushai' },
+    // { id: '368', name: 'Luxemburgiska' },
+    // { id: '369', name: 'Maduresiska' },
+    // { id: '10405', name: 'Magahi' },
+    // { id: '10406', name: 'Maithili' },
+    // { id: '10407', name: 'Makassar' },
+    // { id: '370', name: 'Makedonska' },
+    // { id: '372', name: 'Malagassiska' },
+    // { id: '373', name: 'Malajiska' },
+    // { id: '374', name: 'Malayalam' },
+    // { id: '376', name: 'Maltesiska' },
+    // { id: '377', name: 'Mandarin' },
+    // { id: '10408', name: 'Mandingo' },
+    // { id: '10409', name: 'Manipuriska' },
+    // { id: '10410', name: 'Manobospråk' },
+    // { id: '381', name: 'Manx' },
+    // { id: '382', name: 'Maori' },
+    // { id: '383', name: 'Marathi' },
+    // { id: '384', name: 'Mariska' },
+    // { id: '10411', name: 'Marshalliska' },
+    // { id: '385', name: 'Marwariska' },
+    // { id: '386', name: 'Masai' },
+    // { id: '387', name: 'Maya' },
+    // { id: '10515', name: 'Meänkieli/Tornedalsfinska' },
+    // { id: '10336', name: 'Medelengelska' },
+    // { id: '10341', name: 'Medelfranska' },
+    // { id: '10347', name: 'Medelhögtyska' },
+    // { id: '10374', name: 'Medelirisk' },
+    // { id: '10332', name: 'Medelnederländska' },
+    // { id: '388', name: 'Mende' },
+    // { id: '10412', name: 'Micmac' },
+    // { id: '10413', name: 'Minangkabau' },
+    // { id: '10415', name: 'Mohawk' },
+    // { id: '390', name: 'Moldaviska' },
+    // { id: '10417', name: 'Mongo' },
+    // { id: '391', name: 'Mongolska' },
+    // { id: '10416', name: 'Monkhmerspråk, andra' },
+    // { id: '393', name: 'Mossi' },
+    // { id: '10420', name: 'Mundspråk' },
+    // { id: '10320', name: 'Muskogee' },
+    // { id: '397', name: 'Nauhatl' },
+    // { id: '399', name: 'Nauriska' },
+    // { id: '398', name: 'Nauru' },
+    // { id: '400', name: 'Ndebele Nord' },
+    // { id: '10422', name: 'Ndebele Syd' },
+    // { id: '10423', name: 'Ndonga' },
+    { id: '401', name: 'Nederländska' },
+    // { id: '402', name: 'Nepalesiska' },
+    // { id: '10424', name: 'Newari' },
+    // { id: '10425', name: 'Nias' },
+    // { id: '10426', name: 'Niger-Kordofanspråk, andra' },
+    // { id: '10427', name: 'Nilsahariska, andra' },
+    // { id: '10428', name: 'Niuea' },
+    // { id: '10430', name: 'Nordamerikanska indianerspråk, andra' },
+    // { id: '10475', name: 'Nordsotho' },
+    { id: '404', name: 'Norska' },
+    // { id: '10431', name: 'Nubiska språk' },
+    // { id: '405', name: 'Nyamwezi' },
+    // { id: '406', name: 'Nyanja' },
+    // { id: '10432', name: 'Nyankole' },
+    // { id: '10433', name: 'Nyoro' },
+    // { id: '10434', name: 'Nzima' },
+    // { id: '407', name: 'Occitanska' },
+    // { id: '10435', name: 'Ojibwa' },
+    // { id: '408', name: 'Oriya' },
+    // { id: '409', name: 'Oromo' },
+    // { id: '10436', name: 'Osage' },
+    // { id: '10437', name: 'Ossetiska' },
+    // { id: '10438', name: 'Oto-manguespråk' },
+    // { id: '10492', name: 'Ottomanturkiska' },
+    // { id: '10439', name: 'Pahlavi' },
+    // { id: '10440', name: 'Palauiska' },
+    // { id: '10441', name: 'Pali' },
+    // { id: '10442', name: 'Pampanggo' },
+    // { id: '10443', name: 'Pangasinan' },
+    // { id: '10444', name: 'Papiamento' },
+    // { id: '10445', name: 'Papuanska språk, andra' },
+    { id: '412', name: 'Pashto' },
+    { id: '414', name: 'Persiska (Farsi)' },
+    // { id: '10449', name: 'Pohnpei' },
+    { id: '415', name: 'Polska' },
+    { id: '416', name: 'Portugisiska' },
+    // { id: '10450', name: 'Prakrit' },
+    // { id: '417', name: 'Punjabi/Panjabo' },
+    // { id: '418', name: 'Quechua' },
+    // { id: '10453', name: 'Rajasthanisja; marwariska' },
+    // { id: '10454', name: 'Rapanui' },
+    // { id: '10455', name: 'Rarotonga' },
+    // { id: '420', name: 'Retoromanska' },
+    // { id: '421', name: 'Romani' },
+    // { id: '10456', name: 'Romanska språk, andra' },
+    // { id: '422', name: 'Rumänska' },
+    { id: '424', name: 'Ryska' },
+    // { id: '10519', name: 'Saho' },
+    // { id: '10458', name: 'Saliska språk' },
+    // { id: '10459', name: 'Samaritansk aramaiska' },
+    // { id: '425', name: 'Samiska' },
+    // { id: '426', name: 'Samoanska' },
+    // { id: '10460', name: 'Sandawe' },
+    // { id: '427', name: 'Sango' },
+    // { id: '10461', name: 'Sanskrit' },
+    // { id: '428', name: 'Santali' },
+    // { id: '430', name: 'Sardiska/Sardiniska' },
+    // { id: '10462', name: 'Sasak' },
+    // { id: '10463', name: 'Selkupiska' },
+    // { id: '10464', name: 'Semitiska språk, andra' },
+    // { id: '432', name: 'Serbiska' },
+    // { id: '10465', name: 'Serer' },
+    // { id: '434', name: 'Sesotho/Sesuto/Sotho' },
+    // { id: '10466', name: 'Shan' },
+    // { id: '438', name: 'Shona' },
+    // { id: '10467', name: 'Sidamo' },
+    // { id: '10468', name: 'Siksika' },
+    // { id: '440', name: 'Sindhi' },
+    // { id: '441', name: 'Singalesiska/Sinhala' },
+    // { id: '10469', name: 'Sinotibetanska språk, andra' },
+    // { id: '10470', name: 'Sioux-språk' },
+    // { id: '444', name: 'Skotska' },
+    // { id: '10471', name: 'Slaviska (Athapascaniska)' },
+    // { id: '10472', name: 'Slaviska språk, andra' },
+    // { id: '445', name: 'Slovakiska' },
+    // { id: '446', name: 'Slovenska' },
+    // { id: '10473', name: 'Sogdiska' },
+    { id: '447', name: 'Somaliska' },
+    // { id: '448', name: 'Songhai' },
+    // { id: '10474', name: 'Soninke' },
+    // { id: '450', name: 'Sorbiska språk' },
+    { id: '451', name: 'Spanska' },
+    // { id: '10477', name: 'Sukuma' },
+    // { id: '10478', name: 'Sumeriska' },
+    // { id: '10479', name: 'Sundanesiska' },
+    // { id: '453', name: 'Susu' },
+    { id: '502', name: 'Svenska' },
+    // { id: '455', name: 'Swahili' },
+    // { id: '442', name: 'Swazi/Swati' },
+    // { id: '10476', name: 'Sydamerikanska indianspråk, andra' },
+    // { id: '457', name: 'Syrianska' },
+    // { id: '458', name: 'Tadjikiska' },
+    // { id: '459', name: 'Tagalog' },
+    // { id: '460', name: 'Tahitiska' },
+    // { id: '461', name: 'Tamashek' },
+    // { id: '463', name: 'Tamil/Tamilska' },
+    // { id: '465', name: 'Tatariska' },
+    // { id: '503', name: 'Teckenspråk' },
+    // { id: '466', name: 'Telugu' },
+    // { id: '10481', name: 'Tereno' },
+    // { id: '10482', name: 'Tetum' },
+    // { id: '469', name: 'Thailändska' },
+    // { id: '10480', name: 'Thaispråk, andra' },
+    // { id: '470', name: 'Tibetanska' },
+    // { id: '471', name: 'Tigre' },
+    // { id: '472', name: 'Tigrinja/Tigrinska' },
+    // { id: '467', name: 'Timne' },
+    // { id: '10484', name: 'Tiv' },
+    // { id: '473', name: 'Tjeckiska' },
+    // { id: '10308', name: 'Tjetjenska' },
+    // { id: '475', name: 'Tjuvasjiska' },
+    // { id: '10485', name: 'Tlingit' },
+    // { id: '476', name: 'Tok Pisin' },
+    // { id: '10486', name: 'Tokelau' },
+    // { id: '477', name: 'Tonga (Nyasa)' },
+    // { id: '10487', name: 'Tonganska' },
+    // { id: '10488', name: 'Tsimshian' },
+    // { id: '10312', name: 'Tsjinuksjargong' },
+    // { id: '10489', name: 'Tsonga' },
+    // { id: '435', name: 'Tswana' },
+    // { id: '10491', name: 'Tumbuka' },
+    // { id: '481', name: 'Turkiska' },
+    // { id: '482', name: 'Turkmenska' },
+    // { id: '10493', name: 'Tuvalu' },
+    // { id: '10494', name: 'Tuvinska' },
+    // { id: '483', name: 'Twi' },
+    { id: '484', name: 'Tyska' },
+    // { id: '10495', name: 'Ugaritiska' },
+    // { id: '485', name: 'Uiguriska' },
+    // { id: '486', name: 'Ukrainska' },
+    // { id: '487', name: 'Umbundu' },
+    // { id: '488', name: 'Ungerska' },
+    // { id: '489', name: 'Urdu' },
+    // { id: '491', name: 'Uzbekiska' },
+    // { id: '10496', name: 'Vai' },
+    // { id: '10497', name: 'Venda' },
+    // { id: '492', name: 'Vietnamesiska' },
+    // { id: '493', name: 'Vitryska' },
+    // { id: '10498', name: 'Volapük' },
+    // { id: '10499', name: 'Votiska' },
+    // { id: '10500', name: 'Wakashan språk' },
+    // { id: '10501', name: 'Walamo' },
+    // { id: '494', name: 'Walesiska' },
+    // { id: '10502', name: 'Waray' },
+    // { id: '10503', name: 'Washo' },
+    // { id: '495', name: 'Wolof' },
+    // { id: '496', name: 'Xhosa/Isixhosa' },
+    // { id: '10507', name: 'Yao' },
+    // { id: '10508', name: 'Yapese' },
+    // { id: '498', name: 'Yoruba' },
+    // { id: '10513', name: 'Yupik språk' },
+    // { id: '499', name: 'Zande/Azande' },
+    // { id: '10510', name: 'Zapotekiska' },
+    // { id: '312', name: 'Zenaga' },
+    // { id: '500', name: 'Zhuang' },
+    // { id: '501', name: 'Zulu' },
+    // { id: '10512', name: 'Zuni' },
+  ];
+
+  console.info('Languages generated...');
+  return languages;
+}
+
+export default {
+  generate: generateLanguages,
+};
diff --git a/mock-api/dafa-web/scripts/participants.js b/mock-api/dafa-web/scripts/participants.js
index d4c09b9..c6b6f58 100644
--- a/mock-api/dafa-web/scripts/participants.js
+++ b/mock-api/dafa-web/scripts/participants.js
@@ -26,6 +26,7 @@ function generateParticipants(amount = 10) {
     participants.push({ ...participant, fullName: `${participant.firstName} ${participant.lastName}` });
   }
 
+  console.info('Participants generated...');
   return participants;
 }
 
diff --git a/mock-api/dafa-web/scripts/services.js b/mock-api/dafa-web/scripts/services.js
index cae7562..5b59e15 100644
--- a/mock-api/dafa-web/scripts/services.js
+++ b/mock-api/dafa-web/scripts/services.js
@@ -1,5 +1,5 @@
 function generateServices() {
-  return [
+  const services = [
     {
       id: 1,
       name: 'KROM',
@@ -21,6 +21,9 @@ function generateServices() {
       name: 'AUB',
     },
   ];
+
+  console.info('Services generated...');
+  return services;
 }
 
 export default {
diff --git a/mock-api/dafa-web/scripts/staff.js b/mock-api/dafa-web/scripts/staff.js
index b872d50..cc42e7d 100644
--- a/mock-api/dafa-web/scripts/staff.js
+++ b/mock-api/dafa-web/scripts/staff.js
@@ -1,7 +1,9 @@
 import faker from 'faker';
 import agencies from './agencies.js';
 import kommuner from './kommuner.js';
+import languages from './languages.js';
 import services from './services.js';
+import chooseRandom from './utils/choose-random.util.js';
 
 faker.locale = 'sv';
 
@@ -9,7 +11,7 @@ const SERVICES = services.generate();
 const KOMMUN = kommuner.generate();
 const AGENCIES = agencies.generate();
 const STATUSES = [true, false];
-const LANGUAGES = ['Franska', 'Nederländska', 'Arabiska', 'Spanska', 'Tyska', 'Italienska'];
+const LANGUAGES = languages.generate();
 const AUTHORISATIONS = ['Hantera användare', 'Hantera origisation', 'Hantera ekonomi'];
 
 function generateStaff(amount = 10) {
@@ -24,7 +26,10 @@ function generateStaff(amount = 10) {
       kommun: KOMMUN[Math.floor(Math.random() * KOMMUN.length)].kommun,
       active: STATUSES[Math.floor(Math.random() * STATUSES.length)],
       service: SERVICES[Math.floor(Math.random() * SERVICES.length)].name,
-      languages: ['Svenska', ...chooseRandom(LANGUAGES, faker.random.number(3))],
+      languages: [
+        LANGUAGES.find(language => language.name === 'Svenska'),
+        ...chooseRandom(LANGUAGES, faker.random.number(3)),
+      ],
       ssn: `${faker.date.between('1950', '2000').toISOString().split('T')[0].replaceAll('-', '')}-${faker.random.number(
         {
           min: 1000,
@@ -48,22 +53,10 @@ function generateStaff(amount = 10) {
     staff.push({ ...person, fullName: `${person.firstName} ${person.lastName}` });
   }
 
+  console.info('Staff generated...');
   return staff;
 }
 
 export default {
   generate: generateStaff,
 };
-
-function chooseRandom(arr, num = 1) {
-  const res = [];
-  for (let i = 0; i < num; ) {
-    const random = Math.floor(Math.random() * arr.length);
-    if (res.indexOf(arr[random]) !== -1) {
-      continue;
-    }
-    res.push(arr[random]);
-    i++;
-  }
-  return res;
-}
diff --git a/mock-api/dafa-web/scripts/utils/choose-random.util.js b/mock-api/dafa-web/scripts/utils/choose-random.util.js
new file mode 100644
index 0000000..5e48e26
--- /dev/null
+++ b/mock-api/dafa-web/scripts/utils/choose-random.util.js
@@ -0,0 +1,14 @@
+function chooseRandom(arr, num = 1) {
+  const res = [];
+  for (let i = 0; i < num; ) {
+    const random = Math.floor(Math.random() * arr.length);
+    if (res.indexOf(arr[random]) !== -1) {
+      continue;
+    }
+    res.push(arr[random]);
+    i++;
+  }
+  return res;
+}
+
+export default chooseRandom;