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

Small copy-changes

Browse Source
This commit is contained in:
Erik Tiekstra
2021-09-03 13:53:43 +02:00
parent 1fef2fe173
commit 6f21b15f51
19 changed files with 87 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/mina-sidor-fa/src/app/pages/administration/administration-routing.module.ts
View File

@@ -16,15 +16,11 @@ const routes: Routes = [
loadChildren: () => import('./pages/employee-card/employee-card.module').then(m => m.EmployeeCardModule),
},
{
path: 'skapa-konto',
loadChildren: () => import('./pages/employee-form/employee-form.module').then(m => m.EmployeeFormModule),
},
{
path: 'bjuda-in',
path: 'skapa-personalkonto',
loadChildren: () => import('./pages/employee-invite/employee-invite.module').then(m => m.EmployeeInviteModule),
},
{
path: 'redigera-konto/:employeeId',
path: 'redigera-personalkonto/:employeeId',
loadChildren: () => import('./pages/employee-form/employee-form.module').then(m => m.EmployeeFormModule),
},
];

12
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-card/employee-card.component.html
View File

@@ -2,7 +2,7 @@
<section class="employee-card">
<digi-typography *ngIf="employee$ | async as employee; else loadingRef">
<header class="employee-card__header">
<a class="employee-card__edit-button" [routerLink]="['/administration/redigera-konto', employee.id]"
<a class="employee-card__edit-button" [routerLink]="['/administration/redigera-personalkonto', employee.id]"
>Redigera</a
>
<h1>{{ employee.fullName }}</h1>
@@ -32,9 +32,10 @@
</div>
<div class="employee-card__column">
<h2>Tjänst</h2>
<ul class="employee-card__list" *ngIf="employee.tjanster.length; else emptyText">
<ul class="employee-card__list" *ngIf="employee.tjanster.length">
<li *ngFor="let tjanst of employee.tjanster">{{ tjanst.name }}</li>
</ul>
<p *ngIf="!employee.tjanster.length">Kontot har inga registrerade tjänster ännu.</p>
</div>
<div class="employee-card__utforandeverksamheter">
<h2>Utförande verksamheter och utförande adresser</h2>
@@ -42,8 +43,8 @@
Kontot har behörighet till alla utförande verksamheter och utförande adresser inom organisationen.
</p>
<ng-template #specificUtforandeVerksamheter>
<div class="employee-card__utforandeverksamheter-cards">
<ng-container *ngIf="employee.utforandeVerksamhet?.length; else emptyText">
<div *ngIf="employee.utforandeVerksamhet?.length" class="employee-card__utforandeverksamheter-cards">
<ng-container>
<digi-info-card
*ngFor="let utforandeverksamhet of employee.utforandeVerksamhet"
[afHeading]="utforandeverksamhet.namn"
@@ -70,6 +71,9 @@
</digi-info-card>
</ng-container>
</div>
<p *ngIf="!employee.utforandeVerksamhet.length">
Kontot har inga registrerade utförande verksamheter eller utförande adresser ännu.
</p>
</ng-template>
</div>
<div class="employee-card__column">

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

@@ -46,7 +46,7 @@
<div class="edit-employee-form__choose_all-utforande-verksamh">
<digi-ng-form-checkbox
[formControlName]="toggleAllUtforandeVerksamhetFormControlName"
[afLabel]="'Välj alla utförade verksamheter och alla utförande adresser'"
[afLabel]="'Välj alla utförande verksamheter och alla utförande adresser'"
(afOnChange)="toggleAllUtforandeVerksamheter($event)"
>
</digi-ng-form-checkbox>
@@ -121,16 +121,6 @@
verksamheter och adresser som tilldelats dem i systemet. De kommer även att se startsidan.
</p>
<h3>Basanvändare</h3>
<p>
All personal som är tillagd i systemet har en basanvändarroll. Den innebär endast att personalen kan logga in i
systemet. Behörigheten går inte att välja bort.
</p>
<p>Behörigheten ger tillgång till följande funktioner:</p>
<ul>
<li>Inloggning</li>
</ul>
<h3>Administrera behörigheter</h3>
<p>
Behörigheten passar personal som ska administrera behörigheter i systemet. Behörigheten bör begränsas till ett fåtal

4
apps/mina-sidor-fa/src/app/pages/administration/pages/employee-invite/employee-invite.component.html
View File

@@ -1,8 +1,8 @@
<msfa-layout>
<section class="employee-invite">
<digi-typography>
<h1>Skapa nytt personalkonto</h1>
<p>Så här skapar du ett nytt personalkonto:</p>
<h1>Skapa personalkonto</h1>
<p>Så här skapar du ett personalkonto:</p>
<ol>
<li>Skicka en inbjudningslänk till personalens e-postadress.</li>
<li>Personalen öppnar inbjudningslänken via sin e-post och skapar ett personalkonto med sitt Bank-ID.</li>

17
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.html
View File

@@ -28,23 +28,32 @@
</thead>
<tbody>
<tr class="employees-list__row" *ngFor="let employee of employees">
<th scope="row">
<th style="white-space: nowrap" scope="row">
<a [routerLink]="employee.id" class="employees-list__link">{{ employee.fullName }}</a>
</th>
<td>
<ng-container *ngIf="employee.tjanster.length; else emptyText">
<!-- <ng-container
*ngIf="employee?.tjanster?.length && employee?.utforandeVerksamheter?.length; else noPermissions"
> -->
<td style="white-space: nowrap">
<ng-container *ngIf="employee.tjanster.length">
{{ employee.tjanster[0] }}<ng-container *ngIf="employee.tjanster.length > 1">
(+{{employee.tjanster.length - 1}})</ng-container
>
</ng-container>
<ng-container *ngIf="!employee.tjanster.length"> Tjänst saknas </ng-container>
</td>
<td>
<ng-container *ngIf="employee.utforandeVerksamheter.length; else emptyText">
<ng-container *ngIf="employee.utforandeVerksamheter.length">
{{ employee.utforandeVerksamheter[0] }}<ng-container *ngIf="employee.utforandeVerksamheter.length > 1">
(+{{employee.utforandeVerksamheter.length - 1}})</ng-container
>
</ng-container>
<ng-container *ngIf="!employee.utforandeVerksamheter.length"> Utförande verksamheter saknas </ng-container>
</td>
<!-- </ng-container> -->
<ng-template #noPermissions>
<td colspan="2">Klicka på namnet för att ge personalkontot behörigheter</td>
</ng-template>
<!-- <td>
<digi-button
af-variation="tertiary"

7
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.scss
View File

@@ -2,7 +2,12 @@
.employees-list {
&__column-head {
padding: 0;
// padding: 0;
}
th,
td {
padding: $digi--layout--gutter--m $digi--layout--gutter--l;
}
&__sort-button {

2
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/components/employees-list/employees-list.component.ts
View File

@@ -26,7 +26,7 @@ export class EmployeesListComponent {
key: 'tjanst',
},
{
label: 'Utförandeverksamheter',
label: 'Utförande verksamheter',
key: 'utforandeVerksamhet',
},
];

23
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.html
View File

@@ -1,16 +1,21 @@
<msfa-layout>
<section class="employees">
<digi-typography>
<h1>Personal</h1>
<p>
Personallista, här finns dina medarbetare listade och sökbara. Klicka på deltagarens namn för att se mer
information. Du kan även skapa nya konton för medarbetare och editera behörigheter och inställningar vad
medarbetare har.
</p>
<header class="employees__header">
<h1>Hantera personalkonton</h1>
<p>
Personallistan innehåller all personal som lagts till som systemanvändare. Klicka på ett namn i personallistan
för att se- eller ändra personalkontots behörigheter. Skapa nya personalkonton för att lägga till personal som
systemanvändare.
</p>
<div class="employees__cta-wrapper">
<digi-ng-link-button afText="Skapa nytt konto" afRoute="/administration/bjuda-in"></digi-ng-link-button>
</div>
<div class="employees__cta-wrapper">
<digi-ng-link-button
afText="Skapa personalkonto"
afRoute="/administration/skapa-personalkonto"
></digi-ng-link-button>
</div>
</header>
<h2>Personallista</h2>

9
apps/mina-sidor-fa/src/app/pages/administration/pages/employees/employees.component.scss
View File

@@ -1,6 +1,10 @@
@import 'variables/gutters';
.employees {
&__header {
margin-bottom: $digi--layout--gutter--xxl;
}
&__cta-wrapper {
margin-top: var(--digi--layout--gutter);
}
@@ -9,14 +13,9 @@
display: flex;
flex-direction: column;
max-width: var(--digi--typography--text--max-width);
margin-top: $digi--layout--gutter--l;
margin-bottom: $digi--layout--gutter--xl;
}
&__only-employees-without-authorization {
margin-top: $digi--layout--gutter--l;
}
&__notification-alert {
margin-top: $digi--layout--gutter--xl;
margin-bottom: $digi--layout--gutter--xl;