Small copy-changes

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

@@ -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),
   },
 ];

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

@@ -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">

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

@@ -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

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

@@ -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>

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

@@ -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"

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

@@ -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 {

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

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

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

@@ -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>
 

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

@@ -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;

apps/mina-sidor-fa/src/app/pages/deltagare/components/deltagare-list/deltagare-list.component.ts

@@ -24,7 +24,7 @@ export class DeltagareListComponent {
       key: 'tjanst',
     },
     {
-      label: 'Utförandeverksamhet',
+      label: 'Utförande verksamhet',
       key: 'utforandeVerksamhet',
     },
   ];

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

@@ -1,15 +1,17 @@
 <msfa-layout>
   <digi-typography>
     <section class="deltagare">
-      <h1>Deltagarlista</h1>
-      <p>
-        Här ser du en lista på de deltagare som tillhör din organisation. Klicka på deltagarens namn för att öppna och
-        se mer information om deltagarna.
-      </p>
+      <header class="deltagare__header">
+        <h1>Deltagarlista</h1>
+        <p>
+          Här ser du en lista på de deltagare som tillhör din organisation. Klicka på deltagarens namn för att öppna och
+          se mer information om deltagarna.
+        </p>
+      </header>
       <div class="deltagare__filter">
         <digi-form-checkbox
           class="deltagare__only-my-deltagare"
-          af-label="Visa endast mina deltagare"
+          af-label="Visa endast mina tilldelade deltagare"
           [afChecked]="onlyMyDeltagare$ | async"
           (afOnChange)="setOnlyMyDeltagare($event.detail.target.checked)"
         ></digi-form-checkbox>

apps/mina-sidor-fa/src/app/pages/deltagare/deltagare.component.scss

@@ -1,6 +1,10 @@
 @import 'variables/gutters';
 
 .deltagare {
+  &__header {
+    margin-bottom: $digi--layout--gutter--xxl;
+  }
+
   &__filter {
     margin: $digi--layout--gutter--l 0;
   }

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

@@ -1,7 +1,7 @@
 <msfa-layout>
   <section class="start">
     <digi-typography>
-      <h1>Välkommen till Mina Sidor FA</h1>
+      <h1>Välkommen till Mina Sidor för fristående aktörer</h1>
       <p>Här finner du de senaste nyheterna om uppdateringar, notiser och mer.</p>
     </digi-typography>
     <div class="start__wrapper">
@@ -16,21 +16,8 @@
         </digi-info-card>
       </div>
 
-      <div class="start__alerts">
-        <digi-notification-alert af-variation="info" af-heading="Viktig information" af-heading-level="h2">
-          <p>Large alert! Check the knobs section and play around!</p>
-        </digi-notification-alert>
-        <digi-notification-alert af-variation="success" af-heading="Allt gick bra" af-heading-level="h2">
-          <p>Dina skickade tilldelningar har nått fram till handledare som godkänt och arbetat vidare med deltagarna</p>
-        </digi-notification-alert>
-      </div>
-      <div class="start__statistics">
-        <digi-info-card af-heading="Statistik" af-heading-level="h2" af-type="info">
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores dolores debitis enim. Voluptatum debitis
-          necessitatibus, distinctio expedita officiis maiores eum sapiente molestiae eveniet soluta dolores non, porro
-          quo vitae tenetur?
-        </digi-info-card>
-      </div>
+      <div class="start__alerts"></div>
+      <div class="start__statistics"></div>
     </div>
   </section>
 </msfa-layout>