added imprint component

src/app/app.routes.ts

@@ -2,10 +2,13 @@ import { Routes } from '@angular/router';
 import { SummaryComponent } from './components/summary/summary.component';
 import { HelpComponent } from './shared/components/help/help.component';
 import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.component';
+import { ImprintComponent } from './shared/components/imprint/imprint.component';
 
 export const routes: Routes = [
   { path: '', component: SummaryComponent },
   { path: 'summary', component: SummaryComponent },
   { path: 'help', component: HelpComponent },
+  { path: 'imprint', component: ImprintComponent },
+
   { path: 'privacy-policy', component: PrivacyPolicyComponent },
 ];

src/app/shared/components/imprint/imprint.component.html

@@ -0,0 +1,54 @@
+<section>
+  <div>
+    <div class="header">
+      <h1>{{ "imprint.headline" | translate }}</h1>
+      <img
+        (click)="backClicked()"
+        src="./../../../../assets/img/arrow-left.svg"
+      />
+    </div>
+    {{ "imprint.tmg" | translate }}
+    <br /><br />
+    <p>Andre Kempf</p>
+    <p>Großschneidersweg 2a</p>
+    <p>76149 Karlsruhe</p>
+    <h3>{{ "imprint.contact" | translate }}</h3>
+    <p>
+      {{ "imprint.tel" | translate }}:
+      <a href="tel:01724180328">0172-4180328</a>
+    </p>
+    <p>
+      {{ "imprint.mail" | translate }}:
+      <a href="mailto:mail@andre-kempf.com">mail&#64;andre-kempf.com</a>
+    </p>
+    <br />
+    <h2>{{ "imprint.disclaimer" | translate }}:</h2>
+
+    <h3>{{ "imprint.liabilityContentHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.liabilityContentDescription" | translate }}</p>
+
+    <h3>{{ "imprint.liabilityLinksHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.liabilityLinksDescription" | translate }}</p>
+
+    <h3>{{ "imprint.copyrightHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.copyrightDescription" | translate }}</p>
+
+    <h3>{{ "imprint.dataProtectionHeadline" | translate }}</h3>
+
+    <p>{{ "imprint.dataProtectionDescription" | translate }}</p>
+    <br />
+    <p>
+      {{ "imprint.sourceText0" | translate }}
+      <a href="https://www.impressum-generator.de/" target="_blank">{{
+        "imprint.sourceLink0" | translate
+      }}</a>
+      {{ "imprint.sourceText1" | translate }}
+      <a href="https://www.kanzlei-hasselbach.de/" target="_blank">{{
+        "imprint.sourceLink1" | translate
+      }}</a>
+    </p>
+  </div>
+</section>

src/app/shared/components/imprint/imprint.component.scss

@@ -0,0 +1,54 @@
+section {
+  word-wrap: break-word;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 32px;
+  img {
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    margin-left: 48px;
+    &:hover {
+      width: 36px;
+      height: 36px;
+      background-color: var(--light-gray);
+      border-radius: 18px;
+    }
+  }
+}
+
+h1 {
+  padding-bottom: 24px;
+  font-size: 90px;
+  font-weight: 700;
+}
+
+h2 {
+  font-size: 44px;
+  font-weight: 700;
+  padding: 48px 0 24px 0;
+}
+
+h3 {
+  font-size: 28px;
+  font-weight: 700;
+  padding: 24px 0;
+}
+
+p {
+  font-size: 16px;
+  font-weight: 400;
+  padding-bottom: 10px;
+}
+
+a {
+  color: var(--light-blue);
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}

src/app/shared/components/imprint/imprint.component.spec.ts

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

src/app/shared/components/imprint/imprint.component.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import { Location } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
+
+@Component({
+  selector: 'app-imprint',
+  standalone: true,
+  imports: [TranslateModule],
+  templateUrl: './imprint.component.html',
+  styleUrl: './imprint.component.scss',
+})
+export class ImprintComponent {
+  constructor(private location: Location) {}
+
+  backClicked() {
+    this.location.back();
+  }
+}

src/app/shared/components/privacy-policy/privacy-policy.component.html

@@ -1,54 +1 @@
-<section>
+<p>privacy-policy works!</p>
-  <div>
-    <div class="header">
-      <h1>{{ "imprint.headline" | translate }}</h1>
-      <img
-        (click)="backClicked()"
-        src="./../../../../assets/img/arrow-left.svg"
-      />
-    </div>
-    {{ "imprint.tmg" | translate }}
-    <br /><br />
-    <p>Andre Kempf</p>
-    <p>Großschneidersweg 2a</p>
-    <p>76149 Karlsruhe</p>
-    <h3>{{ "imprint.contact" | translate }}</h3>
-    <p>
-      {{ "imprint.tel" | translate }}:
-      <a href="tel:01724180328">0172-4180328</a>
-    </p>
-    <p>
-      {{ "imprint.mail" | translate }}:
-      <a href="mailto:mail@andre-kempf.com">mail&#64;andre-kempf.com</a>
-    </p>
-    <br />
-    <h2>{{ "imprint.disclaimer" | translate }}:</h2>
-
-    <h3>{{ "imprint.liabilityContentHeadline" | translate }}</h3>
-
-    <p>{{ "imprint.liabilityContentDescription" | translate }}</p>
-
-    <h3>{{ "imprint.liabilityLinksHeadline" | translate }}</h3>
-
-    <p>{{ "imprint.liabilityLinksDescription" | translate }}</p>
-
-    <h3>{{ "imprint.copyrightHeadline" | translate }}</h3>
-
-    <p>{{ "imprint.copyrightDescription" | translate }}</p>
-
-    <h3>{{ "imprint.dataProtectionHeadline" | translate }}</h3>
-
-    <p>{{ "imprint.dataProtectionDescription" | translate }}</p>
-    <br />
-    <p>
-      {{ "imprint.sourceText0" | translate }}
-      <a href="https://www.impressum-generator.de/" target="_blank">{{
-        "imprint.sourceLink0" | translate
-      }}</a>
-      {{ "imprint.sourceText1" | translate }}
-      <a href="https://www.kanzlei-hasselbach.de/" target="_blank">{{
-        "imprint.sourceLink1" | translate
-      }}</a>
-    </p>
-  </div>
-</section>

src/app/shared/components/privacy-policy/privacy-policy.component.scss

@@ -1,54 +0,0 @@
-section {
-  word-wrap: break-word;
-}
-
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 32px;
-  img {
-    width: 32px;
-    height: 32px;
-    cursor: pointer;
-    margin-left: 48px;
-    &:hover {
-      width: 36px;
-      height: 36px;
-      background-color: var(--light-gray);
-      border-radius: 18px;
-    }
-  }
-}
-
-h1 {
-  padding-bottom: 24px;
-  font-size: 90px;
-  font-weight: 700;
-}
-
-h2 {
-  font-size: 44px;
-  font-weight: 700;
-  padding: 48px 0 24px 0;
-}
-
-h3 {
-  font-size: 28px;
-  font-weight: 700;
-  padding: 24px 0;
-}
-
-p {
-  font-size: 16px;
-  font-weight: 400;
-  padding-bottom: 10px;
-}
-
-a {
-  color: var(--light-blue);
-  text-decoration: none;
-  &:hover {
-    text-decoration: underline;
-  }
-}

src/app/shared/components/privacy-policy/privacy-policy.component.ts

@@ -1,18 +1,12 @@
 import { Component } from '@angular/core';
-import { Location } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-privacy-policy',
   standalone: true,
-  imports: [TranslateModule],
+  imports: [],
   templateUrl: './privacy-policy.component.html',
-  styleUrl: './privacy-policy.component.scss',
+  styleUrl: './privacy-policy.component.scss'
 })
 export class PrivacyPolicyComponent {
-  constructor(private location: Location) {}
 
-  backClicked() {
-    this.location.back();
-  }
 }