Merge pull request #70 in TEA/dafa-web-monorepo from feature/TV-227-se-behorigheter to develop

Squashed commit of the following:

commit 1ad19a85662f2187c9345b5ca19f6ffc3e1b833e
Merge: 60e4e46 03a9eb2
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Mon Aug 30 10:06:56 2021 +0200

    Merge branch 'develop' into feature/TV-227-se-behorigheter

commit 60e4e467699de167b7170fb793f083554eed16f6
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Sun Aug 29 09:29:31 2021 +0200

    removed some unneccacry console log code

commit a5099b4f22d7ef227a6068119c7ad204a760d7a0
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Sun Aug 29 09:15:18 2021 +0200

    moved dialog box so that focus is on the open-dialog button when dialog is closed

apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/edit-employee-form/edit-employee-form.component.html

@@ -77,42 +77,7 @@
     </fieldset>
 
     <fieldset *ngIf="rolesFormGroup && availableRoles" [formGroup]="rolesFormGroup">
-      <legend>Behörigheter</legend>
+      <!-- Dialog-fönsteret -->
-      <p>
-        Här tilldelar du specifika behörigheter i systemet. Välj nedan vilka arbetsuppgifter som användaren ska kunna
-        utföra. Tänk på att behörigheten i systemet är begränsad till de utförande verksamheter och adresser som
-        användaren hör till. Användaren kan därför endast utföra uppgifter och se information inom den/ de utförande
-        adresser som tilldelats användaren.
-        <digi-ng-button
-          class="edit-employee-form__open-roles-dialog-btn"
-          [afVariation]="ButtonVariation.TERTIARY"
-          [afType]="ButtonType.BUTTON"
-          [afSize]="ButtonSize.S"
-          [afAriaControls]="'roles-dialog'"
-          [afAriaLabel]="'Öppnar en dialog med information om behörigheter'"
-          (afOnClick)="openRolesDialog()"
-        >
-          Läs mer om behörigheter här
-        </digi-ng-button>
-      </p>
-      <ul class="edit-employee-form__roles">
-        <li class="edit-employee-form__roles-item" *ngFor="let role of availableRoles">
-          <digi-ng-form-checkbox
-            [afLabel]="role.name"
-            [formControlName]="getFormControlName(role)"
-          ></digi-ng-form-checkbox>
-        </li>
-      </ul>
-    </fieldset>
-
-    <div class="edit-employee-form__footer">
-      <a class="edit-employee-form__link-btn edit-employee-form__link-btn--secondary" routerLink="/administration/">
-        Avbryt
-      </a>
-      <digi-button af-type="submit">Spara ändringar</digi-button>
-    </div>
-  </form>
-</digi-typography>
       <digi-ng-dialog
         id="authorization-dialog"
         [afActive]="displayRolesDialog"
@@ -144,3 +109,43 @@
           - Närvaro- och frånvarorapporter <br /><br />
         </p>
       </digi-ng-dialog>
+      
+      <!-- Beskrivning om behörighetsdelen -->
+      <legend>Behörigheter</legend>
+      <p>
+        Här tilldelar du specifika behörigheter i systemet. Välj nedan vilka arbetsuppgifter som användaren ska kunna
+        utföra. Tänk på att behörigheten i systemet är begränsad till de utförande verksamheter och adresser som
+        användaren hör till. Användaren kan därför endast utföra uppgifter och se information inom den/ de utförande
+        adresser som tilldelats användaren.
+        <digi-ng-button
+          class="edit-employee-form__open-roles-dialog-btn"
+          [afVariation]="ButtonVariation.TERTIARY"
+          [afType]="ButtonType.BUTTON"
+          [afSize]="ButtonSize.S"
+          [afAriaControls]="'roles-dialog'"
+          [afAriaLabel]="'Öppnar en dialog med information om behörigheter'"
+          (afOnClick)="openRolesDialog()"
+        >
+          Läs mer om behörigheter här
+        </digi-ng-button>
+      </p>
+
+      
+      <ul class="edit-employee-form__roles">
+        <li class="edit-employee-form__roles-item" *ngFor="let role of availableRoles">
+          <digi-ng-form-checkbox
+            [afLabel]="role.name"
+            [formControlName]="getFormControlName(role)"
+          ></digi-ng-form-checkbox>
+        </li>
+      </ul>
+    </fieldset>
+
+    <div class="edit-employee-form__footer">
+      <a class="edit-employee-form__link-btn edit-employee-form__link-btn--secondary" routerLink="/administration/">
+        Avbryt
+      </a>
+      <digi-button af-type="submit">Spara ändringar</digi-button>
+    </div>
+  </form>
+</digi-typography>

apps/mina-sidor-fa/src/app/pages/administration/pages/employee-form/employee-form.component.ts

@@ -41,7 +41,6 @@ export class EmployeeFormComponent extends UnsubscribeDirective implements OnIni
     this.employeeService.setCurrentEmployeeId(this.activatedRoute.snapshot.params['employeeId']);
     const employeeDataSub = this.employee$.subscribe(employee => {
       this.employee = employee;
-      console.log('Detailed Employee Data:::', employee);
       this.currentEmployeeRoles = employee?.roles
       .map(role => mapRoleResponseToRoleObject(role));
     });
@@ -49,11 +48,9 @@ export class EmployeeFormComponent extends UnsubscribeDirective implements OnIni
     const tjanstRelatedDataSub = this.tjanster$.subscribe(tjanster => {
       const tjanstOptions: FormSelectItem[] = [];
       tjanster?.forEach(tjanst => {
-        console.log('each tjanst', tjanst);
         tjanstOptions.push({name: tjanst?.name, value: tjanst?.code});
       });
       this.availableTjanster = tjanstOptions;
-      console.log('availableTjanster', this.availableTjanster);
     });
 
     this.subscriptionsList.push(