Added accessibility report page

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.html

@@ -1,8 +1,19 @@
 <footer class="footer">
   <div class="footer__logo-wrapper">
     <digi-logo af-color="secondary"></digi-logo>
+    <dl class="footer__version" *ngIf="versionInfoVisible">
+      <dt>Aktuell version</dt>
+      <dd><markdown src="assets/VERSION.md"></markdown></dd>
+    </dl>
   </div>
-  <div class="footer__version" *ngIf="showVersion">
-    <markdown src="assets/VERSION.md"></markdown>
-  </div>
+  <nav class="footer__nav">
+    <ul class="footer__nav-list">
+      <li *ngIf="accessibilityReportVisible">
+        <a class="msfa__link msfa__link--light" routerLink="/tillganglighet">Tillgänglighetsredogörelsen</a>
+      </li>
+      <li *ngIf="releasesVisible">
+        <a class="msfa__link msfa__link--light" routerLink="/releases">Senaste releaser</a>
+      </li>
+    </ul>
+  </nav>
 </footer>

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.scss

@@ -1,20 +1,35 @@
+@import 'mixins/list';
 @import 'variables/gutters';
 
 .footer {
   display: flex;
   justify-content: space-between;
-  align-items: flex-end;
+  align-items: flex-start;
   background-color: var(--digi--ui--color--background--profile);
   padding: $digi--layout--gutter--l $digi--layout--gutter;
   color: var(--digi--typography--color--text--light);
 
   &__logo-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: $digi--layout--gutter--s;
     ::ng-deep .digi-logo {
       --digi-logo--padding: 0;
     }
   }
 
+  &__nav-list {
+    @include msfa__reset-list;
+    display: flex;
+    flex-direction: column;
+    gap: $digi--layout--gutter--s;
+  }
+
   &__version {
     font-size: 0.75rem;
+
+    ::ng-deep p {
+      margin: 0;
+    }
   }
 }

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.component.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { Feature } from '@msfa-enums/feature.enum';
 import { environment } from '@msfa-environment';
 
 @Component({
@@ -8,5 +9,15 @@ import { environment } from '@msfa-environment';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FooterComponent {
-  showVersion = !environment.production;
+  activeFeatures: Feature[] = environment.activeFeatures;
+
+  get versionInfoVisible(): boolean {
+    return this.activeFeatures.includes(Feature.VERSION_INFO);
+  }
+  get releasesVisible(): boolean {
+    return this.activeFeatures.includes(Feature.RELEASES);
+  }
+  get accessibilityReportVisible(): boolean {
+    return this.activeFeatures.includes(Feature.ACCESSIBILITY_REPORT);
+  }
 }

apps/mina-sidor-fa/src/app/shared/components/layout/components/footer/footer.module.ts

@@ -1,12 +1,13 @@
 import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
 import { MarkdownModule } from 'ngx-markdown';
 import { FooterComponent } from './footer.component';
 
 @NgModule({
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   declarations: [FooterComponent],
-  imports: [CommonModule, MarkdownModule.forChild()],
+  imports: [CommonModule, MarkdownModule.forChild(), RouterModule],
   exports: [FooterComponent],
 })
 export class FooterModule {}

apps/mina-sidor-fa/src/app/shared/constants/navigation.ts

@@ -8,4 +8,5 @@ export const NAVIGATION = {
   'mitt-konto': 'Mitt konto',
   'skapa-personalkonto': 'Skapa personalkonto',
   obehorig: 'Saknar behörigheter',
+  tillganglighet: 'Tillgänglighetsredogörelsen',
 };

apps/mina-sidor-fa/src/app/shared/enums/feature.enum.ts

@@ -6,4 +6,6 @@ export enum Feature {
   MY_ORGANIZATION,
   RELEASES,
   MOCK_LOGIN,
+  VERSION_INFO,
+  ACCESSIBILITY_REPORT,
 }