show address in ui

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

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;

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);
+  }
+
 }