From c53f339e788df15ad8bf782b7742eacf7b12d1c1 Mon Sep 17 00:00:00 2001
From: Tomasi - Developing <info@tomasi-developing.ch>
Date: Thu, 27 Mar 2025 16:37:30 +0100
Subject: [PATCH] add legal notice an privacy

---
 .../Authentication/login/login.component.css  | 43 ++++++++++----
 .../Authentication/login/login.component.html |  7 ++-
 .../Authentication/login/login.component.ts   |  7 +++
 Ui/src/app/app-routing.module.ts              |  2 +
 Ui/src/app/app.module.ts                      |  4 +-
 .../app/pages/imprint/imprint.component.css   | 36 ++++++++++++
 .../app/pages/imprint/imprint.component.html  | 58 +++++++++++++++++++
 Ui/src/app/pages/imprint/imprint.component.ts | 10 ++++
 8 files changed, 151 insertions(+), 16 deletions(-)
 create mode 100644 Ui/src/app/pages/imprint/imprint.component.css
 create mode 100644 Ui/src/app/pages/imprint/imprint.component.html
 create mode 100644 Ui/src/app/pages/imprint/imprint.component.ts

diff --git a/Ui/src/app/Authentication/login/login.component.css b/Ui/src/app/Authentication/login/login.component.css
index 185ec51..332a49f 100644
--- a/Ui/src/app/Authentication/login/login.component.css
+++ b/Ui/src/app/Authentication/login/login.component.css
@@ -139,29 +139,48 @@
 }
 
 /* Footer */
+/*.footer {*/
+/*  display: flex;*/
+/*  justify-content: space-between;*/
+/*  align-items: center;*/
+/*  width: 100%;*/
+/*  padding: 10px 20px;*/
+/*  background-color: #090909;*/
+/*  color: #ffffff;*/
+/*  font-size: 0.9em;*/
+/*  position: absolute;*/
+/*  bottom: 0;*/
+/*  left: 0;*/
+/*  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);*/
+/*}*/
+
+/*.footer a {*/
+/*  text-decoration: none;*/
+/*  color: #007bff;*/
+/*  margin-left: 10px;*/
+/*}*/
+
+/*.footer a:hover {*/
+/*  text-decoration: underline;*/
+/*}*/
 .footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 10px 20px;
-  background-color: #090909;
-  color: #ffffff;
-  font-size: 0.9em;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: #aaa;
+  font-size: 0.85em;
   position: absolute;
   bottom: 0;
   left: 0;
-  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
 }
 
-.footer a {
-  text-decoration: none;
-  color: #007bff;
-  margin-left: 10px;
-}
-
-.footer a:hover {
-  text-decoration: underline;
+.footer .version {
+  color: #00bfff;
+  font-weight: 500;
 }
 
 /* Responsive */
diff --git a/Ui/src/app/Authentication/login/login.component.html b/Ui/src/app/Authentication/login/login.component.html
index 03dca3d..6409e0a 100644
--- a/Ui/src/app/Authentication/login/login.component.html
+++ b/Ui/src/app/Authentication/login/login.component.html
@@ -75,8 +75,9 @@
     </div>
   </div>
 
-  <footer class="footer">
-    <span class="small">&copy; {{currentYear}} Tomasi-Developing</span>
-    <span class="small">Version: <span class="text-primary">{{version}}</span></span>
+  <footer class="footer d-flex flex-wrap justify-content-center justify-content-md-between align-items-center  px-3 py-3 mt-auto shadow-sm gap-2 small text-center">
+    <span (click)="onCompany()" style="cursor: pointer">&copy; {{currentYear}} Tomasi-Developing</span>
+    <span>Version: <span (click)="onVersion()" class="text-info" style="cursor: pointer">{{version}}</span></span>
+    <span><a routerLink="/imprint" class="text-info text-decoration-none">Legal Notice / Privacy</a></span>
   </footer>
 </div>
diff --git a/Ui/src/app/Authentication/login/login.component.ts b/Ui/src/app/Authentication/login/login.component.ts
index 2a77f2e..26a1e83 100644
--- a/Ui/src/app/Authentication/login/login.component.ts
+++ b/Ui/src/app/Authentication/login/login.component.ts
@@ -68,4 +68,11 @@ export class LoginComponent {
     this._router.navigate(['sign-up']).then();
   }
 
+  onVersion() {
+    window.open('https://github.com/TomasiDeveloping/PlayerManagement', '_blank');
+  }
+
+  onCompany() {
+    window.open('https://tomasi-developing.ch', '_blank');
+  }
 }
diff --git a/Ui/src/app/app-routing.module.ts b/Ui/src/app/app-routing.module.ts
index ff60b27..555115b 100644
--- a/Ui/src/app/app-routing.module.ts
+++ b/Ui/src/app/app-routing.module.ts
@@ -25,6 +25,7 @@ import {CustomEventDetailComponent} from "./pages/custom-event/custom-event-deta
 import {DismissPlayerComponent} from "./pages/dismiss-player/dismiss-player.component";
 import {MvpComponent} from "./pages/mvp/mvp.component";
 import {FeedbackComponent} from "./pages/feedback/feedback.component";
+import {ImprintComponent} from "./pages/imprint/imprint.component";
 
 const routes: Routes = [
   {path: 'players', component: PlayerComponent, canActivate: [authGuard]},
@@ -51,6 +52,7 @@ const routes: Routes = [
   {path: 'sign-up', component: SignUpComponent},
   {path: 'register', component: RegisterComponent},
   {path: 'reset-password', component: ResetPasswordComponent},
+  {path: 'imprint', component: ImprintComponent},
   {path: '', redirectTo: 'players', pathMatch: 'full'},
 ];
 
diff --git a/Ui/src/app/app.module.ts b/Ui/src/app/app.module.ts
index 6fcbfd5..5897258 100644
--- a/Ui/src/app/app.module.ts
+++ b/Ui/src/app/app.module.ts
@@ -60,6 +60,7 @@ import { MvpComponent } from './pages/mvp/mvp.component';
 import { AllianceApiKeyComponent } from './pages/alliance/alliance-api-key/alliance-api-key.component';
 import { AllianceUserAdministrationComponent } from './pages/alliance/alliance-user-administration/alliance-user-administration.component';
 import { FeedbackComponent } from './pages/feedback/feedback.component';
+import { ImprintComponent } from './pages/imprint/imprint.component';
 
 @NgModule({
   declarations: [
@@ -109,7 +110,8 @@ import { FeedbackComponent } from './pages/feedback/feedback.component';
     MvpComponent,
     AllianceApiKeyComponent,
     AllianceUserAdministrationComponent,
-    FeedbackComponent
+    FeedbackComponent,
+    ImprintComponent
   ],
     imports: [
         BrowserModule,
diff --git a/Ui/src/app/pages/imprint/imprint.component.css b/Ui/src/app/pages/imprint/imprint.component.css
new file mode 100644
index 0000000..7f6b44d
--- /dev/null
+++ b/Ui/src/app/pages/imprint/imprint.component.css
@@ -0,0 +1,36 @@
+.legal {
+  background-color: #1a1a1a;
+  color: #f8f9fa;
+  padding: 2rem;
+  border-radius: 0.5rem;
+  box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
+  line-height: 1.6;
+}
+
+.legal h1,
+.legal h2 {
+  color: #78c2ad;
+  font-weight: 600;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+}
+
+.legal a {
+  color: #1abc9c;
+  text-decoration: none;
+}
+
+.legal a:hover {
+  color: #16a085;
+  text-decoration: underline;
+}
+
+.legal ul {
+  padding-left: 1.2rem;
+  margin-bottom: 1rem;
+}
+
+.legal hr {
+  border-color: rgba(255, 255, 255, 0.1);
+  margin: 2rem 0;
+}
diff --git a/Ui/src/app/pages/imprint/imprint.component.html b/Ui/src/app/pages/imprint/imprint.component.html
new file mode 100644
index 0000000..8daa0ce
--- /dev/null
+++ b/Ui/src/app/pages/imprint/imprint.component.html
@@ -0,0 +1,58 @@
+<div class="legal container mt-5 mb-5">
+  <a routerLink="/login" class="text-decoration-none mb-3 d-inline-block text-info">
+    ← Back to Login
+  </a>
+  <h1 class="text-center fs-3 fs-md-2 fw-bold mb-4">Legal Notice</h1>
+
+  <p><strong>Responsible for content:</strong><br>
+    Tomasi-Developing<br>
+    Bühlstrasse 190<br>
+    4468 Kienberg<br>
+    Switzerland</p>
+
+  <p><strong>Contact:</strong><br>
+    Email: <a href="mailto:info@tomasi-developing.ch">info&#64;tomasi-developing.ch</a></p>
+
+  <p><strong>Business form:</strong><br>
+    Sole proprietorship<br>
+    UID: CHE-258.968.055</p>
+
+  <h2 class="fs-5 fs-md-4 mt-5 text-info">Disclaimer</h2>
+  <p>All content on this website has been created with care. However, no liability is accepted for the accuracy, completeness, or timeliness of the information provided.</p>
+
+  <p>Any liability claims against the operator relating to material or immaterial damage caused by the use or non-use of the information provided are excluded.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">Copyright</h2>
+  <p>All content on this site is subject to Swiss copyright law. Any use, reproduction, or distribution requires prior written consent.</p>
+
+  <hr class="border-secondary">
+
+  <h1 class="text-center fs-3 fs-md-2 fw-bold mt-5 mb-4">Privacy Policy</h1>
+
+  <p>We take the protection of your personal data seriously. This website only stores data necessary for the use of the application.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">Data Collected</h2>
+  <p>When using this website, the following personal data is stored:</p>
+  <ul>
+    <li>Email address</li>
+    <li>Username</li>
+    <li>User activity within the tool (e.g. event participation)</li>
+  </ul>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">Purpose of Data Collection</h2>
+  <p>The data is used solely for managing player accounts and ensuring the proper functionality of the "Last War" tool.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">No Data Sharing</h2>
+  <p>Your data will not be shared with third parties or external services.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">Hosting</h2>
+  <p>This website is hosted by <a href="https://www.hostfactory.ch/" target="_blank">Hostfactory.ch</a>, a Swiss hosting provider.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">User Accounts & Login</h2>
+  <p>To use the tool, a user account and login are required. All data is transmitted securely and stored in a protected environment.</p>
+
+  <h2 class="fs-5 fs-md-4 mt-4 text-info">Contact</h2>
+  <p>If you have any questions regarding privacy or data processing, please contact us at:<br>
+    <a href="mailto:info@tomasi-developing.ch">info&#64;tomasi-developing.ch</a>
+  </p>
+</div>
diff --git a/Ui/src/app/pages/imprint/imprint.component.ts b/Ui/src/app/pages/imprint/imprint.component.ts
new file mode 100644
index 0000000..fcde6e0
--- /dev/null
+++ b/Ui/src/app/pages/imprint/imprint.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-imprint',
+  templateUrl: './imprint.component.html',
+  styleUrl: './imprint.component.css'
+})
+export class ImprintComponent {
+
+}