Merge pull request #82 in TEA/mina-sidor-fa-web from feature/TV-517 to develop

Squashed commit of the following:

commit dbec3796596b6d3e5c483c68e1ffd628a872b1ca
Merge: 6ed17c3 2bca57c
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 15:13:44 2021 +0200

    Merge branch 'develop' into feature/TV-517

commit 6ed17c3a01b2261529a793413f455eecd3194fd2
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 15:13:07 2021 +0200

    fixed error after merge with develop (TV-517)

commit e7cd48905bcbff4df24676fd2f2ed5ba214f6e86
Merge: d283385 1938b94
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 14:53:46 2021 +0200

    Merge branch 'develop' into feature/TV-517

commit d283385408bc189bdb4884e397acf9653f54c6d4
Merge: 3ff31c9 7774477
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 14:22:09 2021 +0200

    Merge branch 'develop' into feature/TV-517

commit 3ff31c9596a45a32b28a01015d455fc97acd9cf7
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 14:19:51 2021 +0200

    added specific view for standard user (TV-517)

commit 9302f56f7cd9dfe66d70947ac62c8e1fde3cac86
Author: Aden Hassan <aden.hassan@arbetsformedlingen.se>
Date:   Thu Sep 9 12:01:08 2021 +0200

    added getters for user roles (TV-517)

apps/mina-sidor-fa/src/app/pages/start/start.component.html

@@ -1,23 +1,42 @@
 <msfa-layout>
   <section class="start">
-    <digi-typography>
+    <!-- User not logged in -->
-      <h1>Välkommen till Mina Sidor för fristående aktörer</h1>
+    <ng-container *ngIf="isStandardUser">
-      <p>Här finner du de senaste nyheterna om uppdateringar, notiser och mer.</p>
+      <digi-typography>
-    </digi-typography>
+        <h1>Välkommen {{ userFullName }}</h1>
-    <div class="start__wrapper">
+        <p>Det verkar som att du inte har fått din behörighet ännu, kontakta din administratör för att få tillgång till tjänsten.</p>
-      <div class="start__notifications">
+      </digi-typography>
-        <digi-info-card af-heading="Nya deltagare" af-heading-level="h2" af-type="info">
+    </ng-container>
-          <p>
-            Det har kommit in nya avrop med deltagare, länken nedan tar dig till fliken Nya deltagare. Du finner den
-            också i vänster menyn på sidan
-          </p>
 
-          <digi-ng-link-internal afText="Till nya deltagare" afRoute="/nya-deltagare"></digi-ng-link-internal>
+    <!-- User logged in -->
-        </digi-info-card>
+    <ng-container *ngIf="!isStandardUser">
+      <digi-typography>
+        <h1>Välkommen {{ userFullName }}</h1>
+        <p>
+          Detta är Arbetsförmedlingens nya plattform för våra fristående aktörer, 
+          här kommer du bland annat kunna sköta den dagliga kontakten med 
+          arbetssökande och arbetsförmedlingen. 
+          <br/><br/>
+          Vi kommer successivt att 
+          implementera nytt innehåll, förbättringar och uppdateringar.
+          Målet är helt enkelt att underlätta ditt dagliga arbete!
+        </p>
+      </digi-typography>
+      <div class="start__wrapper">
+        <div class="start__notifications">
+          <digi-info-card af-heading="Nya deltagare" af-heading-level="h2" af-type="info">
+            <p>
+              Det har kommit in nya avrop med deltagare, länken nedan tar dig till fliken Nya deltagare. Du finner den
+              också i vänster menyn på sidan
+            </p>
+  
+            <digi-ng-link-internal afText="Till nya deltagare" afRoute="/nya-deltagare"></digi-ng-link-internal>
+          </digi-info-card>
+        </div>
+  
+        <div class="start__alerts"></div>
+        <div class="start__statistics"></div>
       </div>
-
+    </ng-container>
-      <div class="start__alerts"></div>
-      <div class="start__statistics"></div>
-    </div>
   </section>
 </msfa-layout>

apps/mina-sidor-fa/src/app/pages/start/start.component.ts

@@ -1,4 +1,9 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { UnsubscribeDirective } from '@msfa-directives/unsubscribe.directive';
+import { RoleEnum } from '@msfa-enums/role.enum';
+import { mapResponseToRoles, Role } from '@msfa-models/role.model';
+import { UserService } from '@msfa-services/api/user.service';
+import { filter, map } from 'rxjs/operators';
 
 @Component({
   selector: 'msfa-start',
@@ -6,4 +11,27 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   styleUrls: ['./start.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class StartComponent {}
+export class StartComponent extends UnsubscribeDirective {
+  private _userName: string;
+  private _userRoles: Role[];
+
+  constructor(private userService: UserService) {
+    super();
+    super.unsubscribeOnDestroy(
+      this.userService.user$.pipe(
+        filter(user => !!user),
+        map(user => user)
+      ).subscribe(user => {
+        this._userName = user.fullName;
+        this._userRoles = mapResponseToRoles(user.roles);
+      }));
+  }
+
+  get isStandardUser(): boolean {
+    return this._userRoles?.some(role => role.type === RoleEnum.MSFA_Standard);
+  }
+  get userFullName(): string {
+    return this._userName;
+  }
+
+}