From 8e43b7f13f457a8fe25df429ab441de3495451c5 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Sat, 23 Mar 2024 11:38:57 +0100
Subject: [PATCH] privacy policy filled with content

---
 src/app/app.routes.ts                         |   3 +-
 .../privacy-policy.component.html             | 209 +++++++++++++++++-
 .../privacy-policy.component.scss             |  54 +++++
 .../privacy-policy.component.ts               |  10 +-
 .../components/sidebar/sidebar.component.html |   2 +-
 5 files changed, 272 insertions(+), 6 deletions(-)

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index b958199..0460201 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,14 +1,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';
+import { PrivacyPolicyComponent } from './shared/components/privacy-policy/privacy-policy.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 },
 ];
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.html b/src/app/shared/components/privacy-policy/privacy-policy.component.html
index a8869ff..2f19fc3 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.html
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.html
@@ -1 +1,208 @@
-<p>privacy-policy works!</p>
+<section>
+  <div>
+    <div class="header">
+      <h1>{{ "privacy-policy.headline" | translate }}</h1>
+      <img
+        (click)="backClicked()"
+        src="./../../../../assets/img/arrow-left.svg"
+      />
+    </div>
+    <h2 id="'content0">
+      {{ "privacy-policy.preambleHeadline" | translate }}
+    </h2>
+    <p>
+      {{ "privacy-policy.preambleDescription" | translate }}
+    </p>
+
+    <h2>{{ "privacy-policy.ContentHeadline" | translate }}</h2>
+    <ul class="index">
+      <li>
+        <a href="privacy-policy/#content0">{{
+          "privacy-policy.Content0" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content1">{{
+          "privacy-policy.Content1" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content2">{{
+          "privacy-policy.Content2" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content3">{{
+          "privacy-policy.Content3" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content4">{{
+          "privacy-policy.Content4" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content5">{{
+          "privacy-policy.Content5" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content6">{{
+          "privacy-policy.Content6" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content7">{{
+          "privacy-policy.Content7" | translate
+        }}</a>
+      </li>
+      <li>
+        <a href="privacy-policy#content8">{{
+          "privacy-policy.Content8" | translate
+        }}</a>
+      </li>
+    </ul>
+    <h2 id="content1">{{ "privacy-policy.Content1" | translate }}</h2>
+    <p>Andre Kempf</p>
+    <p>Großschneidersweg 2a</p>
+    <p>76149 Karlsruhe</p>
+    <br />
+    <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>
+
+    <h2 id="content2">{{ "privacy-policy.Content2" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content2Description" | translate }}
+    </p>
+    <h3>{{ "privacy-policy.Content2Section0" | translate }}</h3>
+    <ul>
+      <li>{{ "privacy-policy.Content2Section0List" | translate }}</li>
+    </ul>
+    <h3>{{ "privacy-policy.Content2Section1" | translate }}</h3>
+    <ul>
+      <li>{{ "privacy-policy.Content2Section1List" | translate }}</li>
+    </ul>
+    <h3>{{ "privacy-policy.Content2Section2" | translate }}</h3>
+    <ul>
+      <li>{{ "privacy-policy.Content2Section2List" | translate }}</li>
+    </ul>
+    <h2 id="content3">{{ "privacy-policy.Content3" | translate }}</h2>
+    <p>
+      <strong>{{ "privacy-policy.Content3Header0" | translate }}</strong
+      ><br />
+      {{ "privacy-policy.Content3Description0" | translate }}
+    </p>
+    <ul>
+      <li>
+        <strong>{{ "privacy-policy.Content3Header1" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content3Description1" | translate }}
+      </li>
+    </ul>
+    <p>
+      <strong>{{ "privacy-policy.Content3Header2" | translate }}</strong
+      ><br />
+      {{ "privacy-policy.Content3Description2" | translate }}
+    </p>
+
+    <h2 id="content4">{{ "privacy-policy.Content4" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content4Description0" | translate }}
+    </p>
+    <p>
+      {{ "privacy-policy.Content4Description1" | translate }}
+    </p>
+    <p>
+      {{ "privacy-policy.Content4Description2" | translate }}
+    </p>
+
+    <h2 id="content5">{{ "privacy-policy.Content5" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content5Description" | translate }}
+    </p>
+
+    <h2 id="content6">{{ "privacy-policy.Content6" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content6Description0" | translate }}
+    </p>
+    <strong>{{ "privacy-policy.Content6Description1" | translate }}</strong>
+    <ul>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section0" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content6Section0List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section1" | translate }}</strong>
+        <br />
+        {{ "privacy-policy.Content6Section1List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section2" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content6Section2List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section3" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content6Section3List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section4" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content6Section4List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content6Section5" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content6Section5List" | translate }}
+      </li>
+    </ul>
+
+    <h2 id="content7">{{ "privacy-policy.Content7" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content7Description0" | translate }}
+    </p>
+    <p>
+      {{ "privacy-policy.Content7Description1" | translate }}
+    </p>
+
+    <h2 id="content8">{{ "privacy-policy.Content8" | translate }}</h2>
+    <p>
+      {{ "privacy-policy.Content8Description0" | translate }}
+    </p>
+    <ul>
+      <li>
+        <strong>{{ "privacy-policy.Content8Section0" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content8Section0List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content8Section1" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content8Section1List" | translate }}
+      </li>
+      <li>
+        <strong>{{ "privacy-policy.Content8Section2" | translate }}</strong
+        ><br />
+        {{ "privacy-policy.Content8Section2List" | translate }}
+      </li>
+    </ul>
+    <br />
+    <p>
+      <a
+        href="https://datenschutz-generator.de/"
+        title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken."
+        target="_blank"
+        rel="noopener noreferrer nofollow"
+        >{{ "privacy-policy.sourceText" | translate }}</a
+      >
+    </p>
+  </div>
+</section>
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.scss b/src/app/shared/components/privacy-policy/privacy-policy.component.scss
index e69de29..7157eea 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.scss
+++ b/src/app/shared/components/privacy-policy/privacy-policy.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;
+  }
+}
diff --git a/src/app/shared/components/privacy-policy/privacy-policy.component.ts b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
index 38f178a..65292d0 100644
--- a/src/app/shared/components/privacy-policy/privacy-policy.component.ts
+++ b/src/app/shared/components/privacy-policy/privacy-policy.component.ts
@@ -1,12 +1,18 @@
 import { Component } from '@angular/core';
+import { Location } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-privacy-policy',
   standalone: true,
-  imports: [],
+  imports: [TranslateModule],
   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();
+  }
 }
diff --git a/src/app/shared/components/sidebar/sidebar.component.html b/src/app/shared/components/sidebar/sidebar.component.html
index 1b816fd..d598694 100644
--- a/src/app/shared/components/sidebar/sidebar.component.html
+++ b/src/app/shared/components/sidebar/sidebar.component.html
@@ -24,7 +24,7 @@
 
   <div class="reference">
     <div routerLink="privacy-policy">Privacy Policy</div>
-    <div>Legal Notice</div>
+    <div routerLink="imprint">Legal Notice</div>
     <div onclick="logout()">Log out</div>
   </div>
 </section>