MTSR/mapserver
4
0
Fork 1
Code Issues Pull Requests 1 Packages Projects Releases 1 Wiki Activity

prettify world info display

Browse Source
This commit is contained in:
Thomas Rudin 2019-05-14 20:46:11 +02:00
parent d88eb7db1d
commit 7be41ffe80
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
server/static/js/WorldInfoDisplay.js
View File

@ -2,29 +2,30 @@
var worldInfoRender = function(info){ var worldInfoRender = function(info){
var timeIcon = m("span", { class: "fa fa-sun" }); var timeIcon = m("span", { class: "fa fa-sun", style: "color: orange;" });
if (info.time < 5500 || info.time > 19000) //0 - 24'000 if (info.time < 5500 || info.time > 19000) //0 - 24'000
timeIcon = m("span", { class: "fa fa-moon" }); timeIcon = m("span", { class: "fa fa-moon", style: "color: blue;" });
function getHour(){ function getHour(){
return Math.floor(info.time/1000); return Math.floor(info.time/1000);
} }
function getMinute(){ function getMinute(){
return Math.floor((info.time % 1000) / 100 * 60); var min = Math.floor((info.time % 1000) / 1000 * 60);
return min > 10 ? min : "0" + min;
} }
function getLag(){ function getLag(){
var color = "green"; var color = "green";
if (info.max_lag > 0.8) if (info.max_lag > 0.8)
color = "yellow"; color = "orange";
else if (info.max_lag > 1.2) else if (info.max_lag > 1.2)
color = "red"; color = "red";
return [ return [
m("span", { class: "fa fa-wifi", style: "color: " + color }), m("span", { class: "fa fa-wifi", style: "color: " + color }),
parseInt(info.max_lag/1000), parseInt(info.max_lag*1000),
" ms" " ms"
]; ];
} }
@ -32,11 +33,11 @@ var worldInfoRender = function(info){
function getPlayers(){ function getPlayers(){
return [ return [
m("span", { class: "fa fa-users" }), m("span", { class: "fa fa-users" }),
info.players.length info.players ? info.players.length : "0"
]; ];
} }
return [ return m("div", [
getPlayers(), getPlayers(),
" ", " ",
getLag(), getLag(),
@ -44,7 +45,7 @@ var worldInfoRender = function(info){
m("span", { class: "fa fa-clock" }), m("span", { class: "fa fa-clock" }),
timeIcon, timeIcon,
getHour(), ":", getMinute() getHour(), ":", getMinute()
]; ]);
}; };