From 24c0199160c143a1014afe3a953665e919911add Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Wed, 30 Jul 2025 13:37:32 +0200
Subject: [PATCH] show address in ui

---
 .../angular/src/app/server-list/server-list.component.html   | 5 ++++-
 .../angular/src/app/server-list/server-list.component.less   | 5 +++++
 .../angular/src/app/server-list/server-list.component.ts     | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/main/angular/src/app/server-list/server-list.component.html b/src/main/angular/src/app/server-list/server-list.component.html
index 37194ef..b5b1132 100644
--- a/src/main/angular/src/app/server-list/server-list.component.html
+++ b/src/main/angular/src/app/server-list/server-list.component.html
@@ -8,12 +8,15 @@
 </div>
 
 <div class="list">
-  <div *ngFor="let server of list" class="server">
+  <div *ngFor="let server of servers()" class="server">
     <div class="icon">
       <img src="{{server.mode.toLowerCase()}}.png" alt="{{server.mode}}">
     </div>
     <div class="name">
       {{ server.motd }}
+      <div class="address">
+        10.255.0.1:{{ server.serverPort }}
+      </div>
     </div>
     <div class="command start" [class.startInactive]="!server.running" [class.startActive]="server.running" (click)="start(server)">
       Start
diff --git a/src/main/angular/src/app/server-list/server-list.component.less b/src/main/angular/src/app/server-list/server-list.component.less
index 24aeca0..fd7ce48 100644
--- a/src/main/angular/src/app/server-list/server-list.component.less
+++ b/src/main/angular/src/app/server-list/server-list.component.less
@@ -22,6 +22,11 @@
       font-weight: bold;
     }
 
+    .address {
+      font-size: 60%;
+      color: #aaaaaa;
+    }
+
     .command {
       margin-right: 0.25em;
       border-radius: 0.25em;
diff --git a/src/main/angular/src/app/server-list/server-list.component.ts b/src/main/angular/src/app/server-list/server-list.component.ts
index adeb449..1abaa07 100644
--- a/src/main/angular/src/app/server-list/server-list.component.ts
+++ b/src/main/angular/src/app/server-list/server-list.component.ts
@@ -28,4 +28,8 @@ export class ServerListComponent extends CrudListComponent<Server, ServerService
     this.crudService.stop(server);
   }
 
+  servers() {
+    return this.list.sort((a, b) => a.serverPort - b.serverPort);
+  }
+
 }