arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): Implemented loader in multiple places and added organization picker to default layout. (TV-758)

Browse Source 
Squashed commit of the following:

commit bf4f3ea3ce6a612b03be078917203cc7f7c4f2f7
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Tue Oct 12 20:42:05 2021 +0200

    Implemented loader in mulitple places and added organization-picker to default layout
This commit is contained in:
Erik Tiekstra
2021-10-13 11:03:40 +02:00
parent 7ebdf104d1
commit ccf3eb5458
10 changed files with 84 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,38 +1,40 @@
<msfa-layout [showBreadCrumbs]="false" *ngIf="userRoles$ | async as userRoles; else loadingRef">
<digi-typography>
<section class="start">
<header class="start__header">
<div class="start__image-wrapper">
<digi-media-image
af-src="/assets/images/start_1280w.jpg"
af-srcset="
assets/images/start_600w.jpg 800w,
assets/images/start_800w.jpg 1050w,
assets/images/start_1000w.jpg 1200w
"
af-alt="En kvinna som tittar i kameran"
af-width="1000"
af-height="465"
></digi-media-image>
<h1 class="start__heading">Välkommen {{ userFullName$ | async }}</h1>
</div>
<ng-container *ngIf="isAuthorizedUser(userRoles); else unauthorizedRef">
<p>
Detta är Arbetsförmedlingens nya plattform för fristående aktörer. Här kommer du bland annat kunna sköta den
dagliga kontakten med arbetssökande och Arbetsförmedlingen. Vi kommer successivt att implementera nytt
innehåll, förbättringar och uppdateringar.
</p>
<p>Målet är helt enkelt att underlätta ditt dagliga arbete!</p>
</ng-container>
<ng-template #unauthorizedRef>
<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>
</ng-template>
</header>
</section>
</digi-typography>
<msfa-layout [showBreadCrumbs]="false">
<ng-container *ngIf="userRoles$ | async as userRoles; else loadingRef">
<digi-typography>
<section class="start">
<header class="start__header">
<div class="start__image-wrapper">
<digi-media-image
af-src="/assets/images/start_1280w.jpg"
af-srcset="
assets/images/start_600w.jpg 800w,
assets/images/start_800w.jpg 1050w,
assets/images/start_1000w.jpg 1200w
"
af-alt="En kvinna som tittar i kameran"
af-width="1000"
af-height="465"
></digi-media-image>
<h1 class="start__heading">Välkommen {{ userFullName$ | async }}</h1>
</div>
<ng-container *ngIf="isAuthorizedUser(userRoles); else unauthorizedRef">
<p>
Detta är Arbetsförmedlingens nya plattform för fristående aktörer. Här kommer du bland annat kunna sköta
den dagliga kontakten med arbetssökande och Arbetsförmedlingen. Vi kommer successivt att implementera nytt
innehåll, förbättringar och uppdateringar.
</p>
<p>Målet är helt enkelt att underlätta ditt dagliga arbete!</p>
</ng-container>
<ng-template #unauthorizedRef>
<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>
</ng-template>
</header>
</section>
</digi-typography>
</ng-container>
</msfa-layout>
<ng-template #loadingRef>