M_Viper/ts-website
M_Viper
/
ts-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed OS's names to icons in server status 

That fixes a problem with long translation names pushing the labels with long version and OS name.
For example: "3.0.12.4 on Linux" will work fine while "3.0.12.4 on Windows" will be pushed to the new line due to a long text in label
This commit is contained in:
Wruczek 2017-01-20 03:03:27 +01:00
parent 27cfeb54e8
commit 95a802b56f
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/style.css
View File

@ -36,7 +36,7 @@ p, a {
/* STATUS */ /* STATUS */
/* ****** */ /* ****** */
.serverstatus p { .serverstatus p, .serverstatus .label .fa {
margin: 0 margin: 0
} }

22
js/status.js
View File

@ -1,11 +1,10 @@
$(document).ready(function () { $(document).ready(function () {
checkStatus(); checkStatus();
var intervalid = setInterval(function () { var intervalid = setInterval(function () {
checkStatus(); checkStatus();
}, 10 * 1000); }, 10 * 1000);
}) });
function checkStatus() { function checkStatus() {
@ -27,10 +26,27 @@ function checkStatus() {
var averagePacketloss = Math.round(json.averagePacketloss * 100) / 100; var averagePacketloss = Math.round(json.averagePacketloss * 100) / 100;
var averagePing = Math.round(json.averagePing * 100) / 100; var averagePing = Math.round(json.averagePing * 100) / 100;
var platformIcon = '<i class="fa %s fa-fw" title="' + platform + '" aria-hidden="true"></i>';
switch (platform.toLowerCase()) {
case "windows":
platformIcon = platformIcon.replace(/%s/, 'fa-windows');
break;
case "linux":
platformIcon = platformIcon.replace(/%s/, 'fa-linux');
break;
case "os x":
case "macos":
platformIcon = platformIcon.replace(/%s/, 'fa-apple');
break;
default:
platformIcon = platform;
}
result = result =
'<p><i class="fa fa-power-off fa-fw" aria-hidden="true"></i> ' + statusOnline + ': <span class="label label-success">' + clientsonline + ' / ' + maxclients + ' (' + clientsprecent + '%)</span></p>' + '<p><i class="fa fa-power-off fa-fw" aria-hidden="true"></i> ' + statusOnline + ': <span class="label label-success">' + clientsonline + ' / ' + maxclients + ' (' + clientsprecent + '%)</span></p>' +
'<p><i class="fa fa-clock-o fa-fw" aria-hidden="true"></i> ' + statusUptime + ': <span class="label label-success">' + uptime + '</span></p>' + '<p><i class="fa fa-clock-o fa-fw" aria-hidden="true"></i> ' + statusUptime + ': <span class="label label-success">' + uptime + '</span></p>' +
'<p><i class="fa fa-info-circle fa-fw" aria-hidden="true"></i> ' + statusVersion + ': <span class="label label-success">' + version + ' @ ' + platform + '</span></p>' + '<p><i class="fa fa-info-circle fa-fw" aria-hidden="true"></i> ' + statusVersion + ': <span class="label label-success">' + version + ' on ' + platformIcon + '</span></p>' +
'<p><i class="fa fa-signal fa-fw" aria-hidden="true"></i> ' + statusAvgping + ': <span class="label label-success">' + averagePing + ' ms</span></p>' + '<p><i class="fa fa-signal fa-fw" aria-hidden="true"></i> ' + statusAvgping + ': <span class="label label-success">' + averagePing + ' ms</span></p>' +
'<p><i class="fa fa-bolt fa-fw" aria-hidden="true"></i> ' + statusAvgpl + ': <span class="label label-success">' + averagePacketloss + '%</span></p>'; '<p><i class="fa fa-bolt fa-fw" aria-hidden="true"></i> ' + statusAvgpl + ': <span class="label label-success">' + averagePacketloss + '%</span></p>';
} else { } else {