@@ -56,7 +56,73 @@ <h3 class="theme-text-d1">Online <span class="w3-tag w3-large theme-d1">{{online
5656</ section >
5757< ng-container *ngFor ="let server of dataService.Servers?.Servers ">
5858 < section *ngIf ="isMenuActive(server.Key) && dataService.Servers != undefined && dataService.hasFeatureAccess('home', 'serverdetails') " class ="w3-container ">
59- < h3 class ="theme-text-d1 "> < a *ngIf ="dataService.hasFeatureAccess('pages', 'server'); else serverdetails_no_link " [routerLink] ="'/server/' + server.Key " style ="text-decoration: none; "> {{server.Name}}</ a > < ng-template #serverdetails_no_link > {{server.Name}}</ ng-template > </ h3 >
59+ < div class ="w3-card-4 w3-responsive w3-margin-bottom ">
60+ < header class ="w3-container theme-d1 ">
61+ < h3 > < a *ngIf ="dataService.hasFeatureAccess('pages', 'server'); else serverdetails_no_link " [routerLink] ="'/server/' + server.Key " style ="text-decoration: none; "> {{server.Name}}</ a > < ng-template #serverdetails_no_link > {{server.Name}}</ ng-template > </ h3 >
62+ </ header >
63+ < div class ="w3-container theme-l1 ">
64+ < table class ="w3-table w3-bordered w3-small border-theme serverdetails ">
65+ < tr >
66+ < th class ="theme-text-d1 "> Address</ th >
67+ < td style ="width: max-content; "> {{server.Address}}</ td >
68+ </ tr >
69+ < tr >
70+ < th class ="theme-text-d1 "> Version</ th >
71+ < td > {{server.Version}}</ td >
72+ </ tr >
73+ < tr >
74+ < th class ="theme-text-d1 "> Player Slots</ th >
75+ < td > {{server.OnlinePlayerMax}}</ td >
76+ </ tr >
77+ < tr >
78+ < th class ="theme-text-d1 "> Map</ th >
79+ < td > {{server.MapName}}</ td >
80+ </ tr >
81+ < tr >
82+ < th class ="theme-text-d1 "> In-Game Day</ th >
83+ < td > {{server.InGameTime}}</ td >
84+ </ tr >
85+ < tr >
86+ < th class ="theme-text-d1 "> Tamed Creatures</ th >
87+ < td > {{server.TamedCreatureCount | number}}</ td >
88+ </ tr >
89+ < tr >
90+ < th class ="theme-text-d1 "> Cloud Creatures</ th >
91+ < td > {{server.CloudCreatureCount | number}}</ td >
92+ </ tr >
93+ < tr >
94+ < th class ="theme-text-d1 "> Wild Creatures</ th >
95+ < td > {{server.WildCreatureCount | number}}</ td >
96+ </ tr >
97+ < tr >
98+ < th class ="theme-text-d1 "> Structures</ th >
99+ < td > {{server.StructureCount | number}}</ td >
100+ </ tr >
101+ < tr >
102+ < th class ="theme-text-d1 "> Players</ th >
103+ < td > {{server.PlayerCount | number}}</ td >
104+ </ tr >
105+ < tr >
106+ < th class ="theme-text-d1 "> Tribes</ th >
107+ < td > {{server.TribeCount | number}}</ td >
108+ </ tr >
109+ < tr >
110+ < th class ="theme-text-d1 "> Last Update</ th >
111+ < td > {{server.LastUpdate}}</ td >
112+ </ tr >
113+ < tr >
114+ < th class ="theme-text-d1 "> Next Update</ th >
115+ < td > {{server.NextUpdate}}</ td >
116+ </ tr >
117+ < tr style ="border-bottom: none; ">
118+ < th class ="theme-text-d1 "> Uptime</ th >
119+ < td > {{server.ServerStarted ? toRelativeDate(server.ServerStarted) : '-'}}</ td >
120+ </ tr >
121+ </ table >
122+ </ div >
123+ </ div >
124+
125+ <!--<h3 class="theme-text-d1"><a *ngIf="dataService.hasFeatureAccess('pages', 'server'); else serverdetails_no_link" [routerLink]="'/server/' + server.Key" style="text-decoration: none;">{{server.Name}}</a><ng-template #serverdetails_no_link>{{server.Name}}</ng-template></h3>
60126 <div class="w3-responsive w3-margin-bottom">
61127 <table class="w3-table w3-bordered w3-small border-theme serverdetails">
62128 <tr>
@@ -116,7 +182,7 @@ <h3 class="theme-text-d1"><a *ngIf="dataService.hasFeatureAccess('pages', 'serve
116182 <td>{{server.ServerStarted ? toRelativeDate(server.ServerStarted) : '-'}}</td>
117183 </tr>
118184 </table>
119- </ div >
185+ </div>-->
120186 < ng-container *ngIf ="dataService.hasFeatureAccess('home', 'online') ">
121187 < h3 class ="theme-text-d1 "> Online < span class ="w3-tag w3-large theme-d1 "> {{server.OnlinePlayerCount}}</ span > </ h3 >
122188 < div *ngIf ="server.OnlinePlayerCount == 0; else server_online_players_list "> There are no players online...</ div >
0 commit comments