Merge branch 'OZG-7166-impressum-page' into 'main'

OZG-7166 Add impressum page

See merge request !37

alfa-client/apps/info/project.json

@@ -8,25 +8,16 @@
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser-esbuild",
-      "outputs": [
-        "{options.outputPath}"
-      ],
+      "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/info",
         "index": "apps/info/src/index.html",
         "main": "apps/info/src/main.ts",
-        "polyfills": [
-          "zone.js"
-        ],
+        "polyfills": ["zone.js"],
         "tsConfig": "apps/info/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
-        "assets": [
-          "apps/info/src/favicon.svg",
-          "apps/info/src/assets"
-        ],
-        "styles": [
-          "apps/info/src/styles.scss"
-        ],
+        "assets": ["apps/info/src/favicon.svg", "apps/info/src/assets"],
+        "styles": ["apps/info/src/styles.scss"],
         "scripts": [],
         "stylePreprocessorOptions": {
           "includePaths": [
@@ -40,6 +31,10 @@
       "configurations": {
         "production-by": {
           "fileReplacements": [
+            {
+              "replace": "apps/info/src/environments/environment.ts",
+              "with": "apps/info/src/environments/environment.prod.by.ts"
+            },
             {
               "replace": "apps/info/src/pages/accessibility/accessibility-page.component.ts",
               "with": "apps/info/src/pages/accessibility/accessibility-page-by.component.ts"
@@ -61,9 +56,17 @@
         },
         "production-sh": {
           "fileReplacements": [
+            {
+              "replace": "apps/info/src/environments/environment.ts",
+              "with": "apps/info/src/environments/environment.prod.sh.ts"
+            },
             {
               "replace": "apps/info/src/pages/accessibility/accessibility-page.component.ts",
               "with": "apps/info/src/pages/accessibility/accessibility-page-sh.component.ts"
+            },
+            {
+              "replace": "apps/info/src/pages/impressum/impressum-page.component.ts",
+              "with": "apps/info/src/pages/impressum/impressum-page-sh.component.ts"
             }
           ],
           "budgets": [
@@ -85,6 +88,10 @@
             {
               "replace": "apps/info/src/pages/accessibility/accessibility-page.component.ts",
               "with": "apps/info/src/pages/accessibility/accessibility-page-sh.component.ts"
+            },
+            {
+              "replace": "apps/info/src/pages/impressum/impressum-page.component.ts",
+              "with": "apps/info/src/pages/impressum/impressum-page-sh.component.ts"
             }
           ],
           "buildOptimizer": false,
@@ -100,8 +107,11 @@
     "serve": {
       "executor": "@angular-devkit/build-angular:dev-server",
       "configurations": {
-        "production": {
-          "buildTarget": "info:build:production"
+        "production-by": {
+          "buildTarget": "info:build:production-by"
+        },
+        "production-sh": {
+          "buildTarget": "info:build:production-sh"
         },
         "development": {
           "buildTarget": "info:build:development"
@@ -120,9 +130,7 @@
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": [
-        "{workspaceRoot}/coverage/{projectRoot}"
-      ],
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
       "options": {
         "jestConfig": "apps/info/jest.config.ts"
       }
@@ -137,20 +145,14 @@
     },
     "container": {
       "executor": "@nx-tools/nx-container:build",
-      "dependsOn": [
-        "build"
-      ],
+      "dependsOn": ["build"],
       "options": {
         "engine": "docker",
         "push": true,
         "metadata": {
-          "images": [
-            "docker.ozg-sh.de/info"
-          ],
+          "images": ["docker.ozg-sh.de/info"],
           "load": true,
-          "tags": [
-            "snapshot-latest"
-          ]
+          "tags": ["snapshot-latest"]
         }
       }
     }

alfa-client/apps/info/src/app/app.component.html

@@ -11,4 +11,18 @@
   <main class="flex-auto bg-background-50">
     <router-outlet></router-outlet>
   </main>
+  @if (!isBayern) {
+    <footer class="ozg-prose flex justify-center gap-4" data-test-id="navigation-footer">
+      <nav>
+        <ul class="flex flex-wrap justify-center gap-9">
+          <li>
+            <a routerLink="/barrierefreiheit">Barrierefreiheit</a>
+          </li>
+          <li>
+            <a routerLink="/impressum">Impressum</a>
+          </li>
+        </ul>
+      </nav>
+    </footer>
+  }
 </div>

alfa-client/apps/info/src/app/app.component.spec.ts

+import { existsAsHtmlElement, notExistsAsHtmlElement } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideRouter } from '@angular/router';
+import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   let component: AppComponent;
   let fixture: ComponentFixture<AppComponent>;
 
+  const navigationLocator: string = getDataTestIdOf('navigation-footer');
+
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [AppComponent],
@@ -20,4 +24,34 @@ describe('AppComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  describe('component', () => {
+    describe('ngOnInit', () => {
+      it('should set isBayern', () => {
+        component.ngOnInit();
+
+        expect(component.isBayern).toBe(false);
+      });
+    });
+  });
+
+  describe('template', () => {
+    describe('bundesland bayern', () => {
+      it('should NOT show navigation footer', () => {
+        component.isBayern = true;
+
+        fixture.detectChanges();
+
+        notExistsAsHtmlElement(fixture, navigationLocator);
+      });
+
+      it('should show navigation footer', () => {
+        component.isBayern = false;
+
+        fixture.detectChanges();
+
+        existsAsHtmlElement(fixture, navigationLocator);
+      });
+    });
+  });
 });

alfa-client/apps/info/src/app/app.component.ts

-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { OzgLogoIconComponent } from '@ods/system';
+import { environment } from '../environments/environment';
 
 @Component({
   standalone: true,
@@ -8,4 +9,10 @@ import { OzgLogoIconComponent } from '@ods/system';
   selector: 'app-root',
   templateUrl: './app.component.html',
 })
-export class AppComponent {}
+export class AppComponent implements OnInit {
+  public isBayern: boolean;
+
+  ngOnInit() {
+    this.isBayern = environment.bundesland === 'by';
+  }
+}

alfa-client/apps/info/src/app/app.routes.ts

 import { Route } from '@angular/router';
 import { AccessibilityPageComponent } from '../pages/accessibility/accessibility-page.component';
+import { ImpressumPageComponent } from '../pages/impressum/impressum-page.component';
 
 export const appRoutes: Route[] = [
   {
@@ -12,4 +13,10 @@ export const appRoutes: Route[] = [
     component: AccessibilityPageComponent,
     title: 'Barrierefreiheit',
   },
+  {
+    path: 'impressum',
+    component: ImpressumPageComponent,
+    title: 'Impressum',
+  },
+  { path: '**', redirectTo: 'barrierefreiheit' },
 ];

alfa-client/apps/info/src/environments/environment.prod.by.ts

+export const environment = {
+  production: true,
+  bundesland: 'by',
+};

alfa-client/apps/info/src/environments/environment.prod.sh.ts

+export const environment = {
+  production: true,
+  bundesland: 'sh',
+};

alfa-client/apps/info/src/environments/environment.ts

+export const environment = {
+  production: false,
+  bundesland: 'sh',
+};

alfa-client/apps/info/src/pages/impressum/impressum-page-sh.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ImpressumPageComponent } from './impressum-page-sh.component';
+
+describe('ImpressumPageComponent', () => {
+  let component: ImpressumPageComponent;
+  let fixture: ComponentFixture<ImpressumPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ImpressumPageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ImpressumPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

alfa-client/apps/info/src/pages/impressum/impressum-page-sh.component.ts

+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-impressum-page',
+  standalone: true,
+  imports: [CommonModule],
+  template: `<div class="ozg-prose prose prose-h1:text-4xl prose-h2:text-2xl">
+    <h1>Impressum</h1>
+    <p>
+      Der Ministerpräsident - Staatskanzlei <br />
+      StK 3 – Digitalisierung und Zentrales IT-Management <br />
+      Düsternbrooker Weg 104 <br />
+      24105 Kiel
+    </p>
+    <p>
+      E-Mail: <br />
+      <a href="mailto:digitalisierung@stk.landsh.de">digitalisierung&#64;stk.landsh.de</a>
+    </p>
+    <p>
+      Verantwortlich <br />
+      Dr. Moritz Karg <br />
+      StK 30 – Grundsatzangelegenheiten der Digitalisierung und des EGovernments
+    </p>
+
+    <p>
+      E-Mail: <br />
+      <a href="mailto:digitalisierung@stk.landsh.de">digitalisierung&#64;stk.landsh.de</a>
+    </p>
+  </div>`,
+})
+export class ImpressumPageComponent {}

alfa-client/apps/info/src/pages/impressum/impressum-page.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ImpressumPageComponent } from './impressum-page.component';
+
+describe('ImpressumPageComponent', () => {
+  let component: ImpressumPageComponent;
+  let fixture: ComponentFixture<ImpressumPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ImpressumPageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ImpressumPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

alfa-client/apps/info/src/pages/impressum/impressum-page.component.ts

+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-impressum-page',
+  standalone: true,
+  imports: [CommonModule],
+  // template will be set during build time - see fileReplacements in apps/info/project.json
+  template: ``,
+})
+export class ImpressumPageComponent {}