From b727bf8f820902d0eb3cdc47158158ea00a4461c Mon Sep 17 00:00:00 2001
From: josiadmin <digitalman@a1.net>
Date: Wed, 29 Oct 2025 08:21:26 +0100
Subject: [PATCH] mod list component

---
 Dockerfile                                  |  2 +-
 angular.json                                |  2 +-
 src/app/components/list/list.component.css  | 11 +++++++++++
 src/app/components/list/list.component.html | 13 ++++++++++++-
 src/app/components/list/list.component.ts   |  5 +++++
 5 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 7a77fdd..aad07a2 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -12,4 +12,4 @@ COPY . .
 
 RUN ng build --configuration=production
 
-CMD [ "ng", "serve","--port", "4260", "--host", "0.0.0.0" ]
+CMD [ "ng", "serve","--port", "4270", "--host", "0.0.0.0" ]
diff --git a/angular.json b/angular.json
index 4c5a4a8..18da0ee 100644
--- a/angular.json
+++ b/angular.json
@@ -61,7 +61,7 @@
           "builder": "@angular/build:dev-server",
           "options": {
             "allowedHosts": [
-              "test.123server.at"
+              "kan.joshihomeserver.ipv64.net"
             ]
           },
           "configurations": {
diff --git a/src/app/components/list/list.component.css b/src/app/components/list/list.component.css
index 621b3cb..ec3b82c 100644
--- a/src/app/components/list/list.component.css
+++ b/src/app/components/list/list.component.css
@@ -103,6 +103,17 @@
   background: #e03164;
 }
 
+.icon-btn.exit {
+  margin-left: 2rem;
+  width: 3rem;
+  height: 3rem;
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.icon-btn.exit:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+
 .status {
   padding: 0.75rem 1rem;
   border-radius: 0.75rem;
diff --git a/src/app/components/list/list.component.html b/src/app/components/list/list.component.html
index 5b564d6..34385f0 100644
--- a/src/app/components/list/list.component.html
+++ b/src/app/components/list/list.component.html
@@ -1,7 +1,18 @@
 <main class="login-container">
   <div class="glass-card">
     <div class="glass-header">
-      <h2>Kantinenliste</h2>
+      <div class="flex flex-row">
+        <h2>Kantinenliste</h2>
+        <button
+          type="button"
+          class="icon-btn exit"
+          (click)="goToLogin()"
+          title="Logout"
+          aria-label="Logout"
+        >
+          <i class="fa-solid fa-solid fa-right-from-bracket"></i>
+        </button>
+      </div>
     </div>
 
     <div *ngIf="loading" class="status">Lade Daten…</div>
diff --git a/src/app/components/list/list.component.ts b/src/app/components/list/list.component.ts
index e6df3c0..aeb8fb4 100644
--- a/src/app/components/list/list.component.ts
+++ b/src/app/components/list/list.component.ts
@@ -65,6 +65,11 @@ export class ListComponent implements OnInit {
     this.router.navigate(['/create']);
   }
 
+  goToLogin(): void {
+    this.router.navigate(['/login']);
+  }
+
+
   onEdit(item: Kantin): void {
     // Edit-Ansicht
     this.router.navigate(['/create'], {