mirror of
https://github.com/minetest/minetest.git
synced 2024-11-27 01:53:45 +01:00
Use a doT.js template for the serverlist
This commit is contained in:
ShadowNinja
parent
68bbdf1b2c
commit
50ea8601d5
24
util/master/README.md
Normal file
24
util/master/README.md
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
Minetest server list
|
||||||
|
====================
|
||||||
|
|
||||||
|
Setting up the webpage
|
||||||
|
----------------------
|
||||||
|
You will have to install node.js, doT.js and their dependencies to compile
|
||||||
|
the serverlist webpage template.
|
||||||
|
|
||||||
|
First install node.js, eg:
|
||||||
|
# apt-get install nodejs
|
||||||
|
# pacman -S nodejs
|
||||||
|
# emerge nodejs
|
||||||
|
|
||||||
|
Then install doT.js and it's dependencies:
|
||||||
|
$ cd ~/code
|
||||||
|
$ git clone https://github.com/olado/doT.git
|
||||||
|
$ cd doT
|
||||||
|
$ npm install
|
||||||
|
|
||||||
|
And finally compile the template:
|
||||||
|
$ cd ~/minetest/util/master
|
||||||
|
$ ~/code/doT/bin/dot-packer -s . -d .
|
||||||
|
|
||||||
|
|
||||||
@ -1,12 +1,15 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Minetest server list</title>
|
<title>Minetest server list</title>
|
||||||
<link rel="stylesheet" href="style.css"/>
|
<link rel="stylesheet" href="style.css" />
|
||||||
</head>
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
||||||
<body><div id="servers_table"></div></body>
|
<script src="servers.js"></script>
|
||||||
|
<script src="list.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="server_list"></div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
|
||||||
<script>//var master = {root: 'http://servers.minetest.net/', limit:10, clients_min:1, no_flags:1, no_ping:1, no_uptime:1};</script>
|
|
||||||
<script src="list.js"></script>
|
|
||||||
|
|||||||
@ -1,132 +1,80 @@
|
|||||||
var master_root, output_to;
|
|
||||||
var master;
|
var master;
|
||||||
if (!master) master = {
|
if (!master) {
|
||||||
root: master_root,
|
master = {
|
||||||
output: output_to
|
url: "http://servers.minetest.net/list",
|
||||||
};
|
output: "#server_list"
|
||||||
|
};
|
||||||
function e(s) {
|
|
||||||
if (typeof s === "undefined") s = '';
|
|
||||||
if (typeof s === "number") return s;
|
|
||||||
return s.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); //mc"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function human_time(t, abs) {
|
function humanTime(seconds) {
|
||||||
var n = 's';
|
if (!seconds) return '?';
|
||||||
if (!t || t < 0) t = 0;
|
var conv = {
|
||||||
var f = 0;
|
y: 31536000,
|
||||||
var s = parseInt(abs ? (t || 0) : (new Date().getTime() / 1000 - (t || 0)));
|
d: 86400,
|
||||||
if (!s || s <= 0) s = 0;
|
h: 3600,
|
||||||
if (s == 0) return 'now';
|
m: 60
|
||||||
if (s >= 60) {
|
}
|
||||||
s /= 60;
|
for (var i in conv) {
|
||||||
n = 'm';
|
if (seconds >= conv[i]) {
|
||||||
if (s >= 60) {
|
return (seconds / conv[i]).toFixed(1) + i;
|
||||||
s /= 60;
|
|
||||||
n = 'h';
|
|
||||||
f = 1;
|
|
||||||
if (s >= 24) {
|
|
||||||
s /= 24;
|
|
||||||
n = 'd';
|
|
||||||
f = 1;
|
|
||||||
if (s >= 30) {
|
|
||||||
s /= 30;
|
|
||||||
n = 'M';
|
|
||||||
f = 1;
|
|
||||||
if (s >= 12) {
|
|
||||||
s /= 12;
|
|
||||||
n = 'y';
|
|
||||||
f = 1;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return ((f ? parseFloat(s).toFixed(1) : parseInt(s)) + n);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function success(r) {
|
function escapeHTML(str) {
|
||||||
if (!r || !r.list) return;
|
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
||||||
var h = '';
|
|
||||||
if (!master.no_total && r.total && r.total_max)
|
|
||||||
h += '<div class="mts_total">Players: ' + r.total.clients + ('/' + r.total_max.clients) + ' servers: ' + r.total.servers + ('/' + r.total_max.servers) + '</div>';
|
|
||||||
h += '<table class="mts_table">';
|
|
||||||
if (r.list.length) {
|
|
||||||
h += '<tr class="mts_head">';
|
|
||||||
if (!master.no_address) h += '<th>ip[:port]</th>';
|
|
||||||
if (!master.no_clients) h += '<th>players/max</th>';
|
|
||||||
if (!master.no_version) h += '<th>version gameid mapgen</th>';
|
|
||||||
if (!master.no_name) h += '<th>name</th>';
|
|
||||||
if (!master.no_description) h += '<th>description</th>';
|
|
||||||
if (!master.no_flags) h += '<th>flags</th>';
|
|
||||||
if (!master.no_uptime) h += '<th>uptime age</th>';
|
|
||||||
if (!master.no_ping) h += '<th>ping</th>';
|
|
||||||
h += '</tr>';
|
|
||||||
}
|
|
||||||
var count = 0;
|
|
||||||
for (var i = 0; i < r.list.length; ++i) {
|
|
||||||
if (++count > master.limit && master.limit) break;
|
|
||||||
var s = r.list[i];
|
|
||||||
if (!s) continue;
|
|
||||||
if (master.clients_min && s.clients < master.clients_min) continue;
|
|
||||||
if (/:/.test(s.address)) s.address = '[' + s.address + ']';
|
|
||||||
h += '<tr class="mts_row">';
|
|
||||||
if (!master.no_address) h += '<td class="mts_address">' + e(s.address) + (s.port != 30000 ? (':' + e(s.port)) : '') + '</td>';
|
|
||||||
if (!master.no_clients) {
|
|
||||||
h += '<td class="mts_clients' + (s.clients && s.clients_list ? ' mts_is_clients' : '') + '">';
|
|
||||||
if (!master.no_clients_list && s.clients && s.clients_list) {
|
|
||||||
h += '<div class="mts_clients_list">Players (' + e(s.clients) + '):<br/>';
|
|
||||||
for (var ii in s.clients_list)
|
|
||||||
h += e(s.clients_list[ii]) + '<br/>';
|
|
||||||
h += '</div>';
|
|
||||||
}
|
|
||||||
h += e(s.clients) + (s.clients_max ? '/' + e(s.clients_max) : '') + (s.clients_top ? ', ' + e(s.clients_top) : '') + '</td>';
|
|
||||||
}
|
|
||||||
var mods = 0;
|
|
||||||
if (s.mods && jQuery.isArray(s.mods))
|
|
||||||
mods = s.mods.length;
|
|
||||||
if (!master.no_version) {
|
|
||||||
h += '<td class="mts_version' + (mods ? ' mts_is_mods' : '') + '">' + e(s.version) + ' ' + e(s.gameid) + ' ' + e(s.mapgen);
|
|
||||||
if (!master.no_mods && mods) {
|
|
||||||
h += '<div class="mts_mods">Mods (' + mods + '):<br/>';
|
|
||||||
for (var ii in s.mods)
|
|
||||||
h += e(s.mods[ii]) + '<br/>';
|
|
||||||
h += '</div>';
|
|
||||||
}
|
|
||||||
h += '</td>';
|
|
||||||
}
|
|
||||||
if (!master.no_name) {
|
|
||||||
h += '<td class="mts_url">';
|
|
||||||
if (s.url) h += '<a href="' + e(s.url) + '">';
|
|
||||||
h += e(s.name || s.url);
|
|
||||||
if (s.url) h += '</a>';
|
|
||||||
h += '</td>';
|
|
||||||
}
|
|
||||||
if (!master.no_description) h += '<td class="mts_description">' + e(s.description) + '</td>';
|
|
||||||
if (!master.no_flags) {
|
|
||||||
h += '<td class="mts_flags">' +
|
|
||||||
(s.password ? 'Pwd ' : '') +
|
|
||||||
(s.creative ? 'Cre ' : '') +
|
|
||||||
(s.damage ? 'Dmg ' : '') +
|
|
||||||
(s.pvp ? 'Pvp ' : '') +
|
|
||||||
(s.dedicated ? 'Ded ' : '') +
|
|
||||||
(s.rollback ? 'Rol ' : '') +
|
|
||||||
(s.liquid_finite ? 'Liq ' : '') +
|
|
||||||
'</td>';
|
|
||||||
}
|
|
||||||
if (!s.start || s.start < 0) s.start = 0;
|
|
||||||
if (!master.no_uptime) h += '<td class="mts_uptime">' + (s.uptime ? human_time(s.uptime, 1) : s.start ? human_time(s.start) : '') + (s.game_time ? ' ' + human_time(s.game_time, 1) : '') + '</td>';
|
|
||||||
if (!master.no_ping) h += '<td class="mts_ping">' + (s.ping ? parseFloat(s.ping).toFixed(3) * 1000 : '') + '</td>';
|
|
||||||
h += '</tr>';
|
|
||||||
}
|
|
||||||
h += '</table>';
|
|
||||||
if (master.clients_min || master.limit)
|
|
||||||
h += '<a href="#" onclick="delete master.limit;delete master.clients_min; get(1);">more...</a>';
|
|
||||||
jQuery(master.output || '#servers_table').html(h);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function get(refresh) {
|
function addressString(server) {
|
||||||
jQuery.getJSON((master.root || '') + 'list', success);
|
var isIPv6 = server.address.indexOf(":") != -1;
|
||||||
if (!refresh && !master.no_refresh) setTimeout(get, 60000);
|
var addrStr = (isIPv6 ? '[' : '') +
|
||||||
|
escapeHTML(server.address) +
|
||||||
|
(isIPv6 ? ']' : '');
|
||||||
|
var shortStr = addrStr;
|
||||||
|
addrStr += ':' + server.port;
|
||||||
|
var str = '<span'
|
||||||
|
if (shortStr.length > 25) {
|
||||||
|
shortStr = shortStr.substr(0, 23) + "…";
|
||||||
|
str += ' class="tooltip" title="' + addrStr + '"'
|
||||||
|
}
|
||||||
|
if (server.port != 30000)
|
||||||
|
shortStr += ':' + server.port;
|
||||||
|
return str + '>' + shortStr + '</span>';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function tooltipString(str, maxLen) {
|
||||||
|
str = escapeHTML(str);
|
||||||
|
var shortStr = str;
|
||||||
|
var ret = '<span';
|
||||||
|
if (shortStr.length > maxLen) {
|
||||||
|
shortStr = shortStr.substr(0, maxLen - 2) + "…";
|
||||||
|
ret += ' class="tooltip" title="' + str + '"';
|
||||||
|
}
|
||||||
|
return ret + '>' + shortStr + '</span>';
|
||||||
|
}
|
||||||
|
|
||||||
|
function hoverList(name, list) {
|
||||||
|
if (!list || list.length == 0) return '';
|
||||||
|
var str = '<div class="hover_list">'
|
||||||
|
str += name + '(' + list.length + ')<br />';
|
||||||
|
for (var i in list) {
|
||||||
|
str += escapeHTML(list[i]) + '<br />';
|
||||||
|
}
|
||||||
|
return str + '</div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw(json) {
|
||||||
|
html = window.render.servers(json);
|
||||||
|
jQuery(master.output || '#server_list').html(html);
|
||||||
|
}
|
||||||
|
|
||||||
|
function get() {
|
||||||
|
jQuery.getJSON(master.url, draw);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!master.no_refresh) {
|
||||||
|
setInterval(get, 60 * 1000);
|
||||||
|
}
|
||||||
|
|
||||||
get();
|
get();
|
||||||
|
|
||||||
|
|||||||
68
util/master/servers.jst
Normal file
68
util/master/servers.jst
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
{{? !master.no_total}}
|
||||||
|
<div class="total">
|
||||||
|
Players: {{=it.total.clients}}/{{=it.total_max.clients}}
|
||||||
|
Servers: {{=it.total.servers}}/{{=it.total_max.servers}}
|
||||||
|
</div>
|
||||||
|
{{?}}
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
{{? !master.no_address}}<th>IP[:Port]</th>{{?}}
|
||||||
|
{{? !master.no_clients}}<th>Players/Max</th>{{?}}
|
||||||
|
{{? !master.no_version}}<th>Version, Gameid, MapGen</th>{{?}}
|
||||||
|
{{? !master.no_name}}<th>Name</th>{{?}}
|
||||||
|
{{? !master.no_description}}<th>Description</th>{{?}}
|
||||||
|
{{? !master.no_flags}}<th>Flags</th>{{?}}
|
||||||
|
{{? !master.no_uptime}}<th>Uptime, Age</th>{{?}}
|
||||||
|
{{? !master.no_ping}}<th>Ping</th>{{?}}
|
||||||
|
</tr>
|
||||||
|
{{~it.list :server:index}}
|
||||||
|
{{ if (master.limit && index + 1 > master.limit) break;}}
|
||||||
|
<tr>
|
||||||
|
{{? !master.no_address}}
|
||||||
|
<td class ="address">
|
||||||
|
{{=addressString(server)}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_clients}}
|
||||||
|
<td class="clients{{? server.clients_list && server.clients_list.length > 0}} hover_list_text{{?}}">
|
||||||
|
{{=server.clients}}/{{=server.clients_max}} {{=server.clients_top}}
|
||||||
|
{{=hoverList("Clients", server.clients_list)}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_version}}
|
||||||
|
<td class="version{{? server.mods && server.mods.length > 0}} hover_list_text{{?}}">
|
||||||
|
{{=escapeHTML(server.version)}}, {{=escapeHTML(server.gameid)}},
|
||||||
|
{{=escapeHTML(server.mapgen || '?')}}
|
||||||
|
{{=hoverList("Mods", server.mods)}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_name}}
|
||||||
|
<td class="name">
|
||||||
|
{{? server.url}}
|
||||||
|
<a href="{{=escapeHTML(server.url)}}">{{=tooltipString(server.name, 25)}}</a>
|
||||||
|
{{??}}
|
||||||
|
{{=tooltipString(server.name, 25)}}
|
||||||
|
{{?}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_description}}
|
||||||
|
<td class="description">
|
||||||
|
{{=tooltipString(server.description, 50)}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_flags}}
|
||||||
|
<td class="flags">
|
||||||
|
{{=server.creative ? 'Cre ' : ''}}
|
||||||
|
{{=server.dedicated ? 'Ded ' : ''}}
|
||||||
|
{{=server.damage ? 'Dmg ' : ''}}
|
||||||
|
{{=server.liquid_finite ? 'Liq ' : ''}}
|
||||||
|
{{=server.pvp ? 'PvP ' : ''}}
|
||||||
|
{{=server.password ? 'Pwd ' : ''}}
|
||||||
|
{{=server.rollback ? 'Rol ' : ''}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_uptime}}
|
||||||
|
<td class="uptime">
|
||||||
|
{{=humanTime(server.uptime)}}, {{=humanTime(server.game_time)}}
|
||||||
|
</td>{{?}}
|
||||||
|
{{? !master.no_ping}}
|
||||||
|
<td class="ping">
|
||||||
|
{{=Math.floor(server.ping * 1000)}}
|
||||||
|
</td>{{?}}
|
||||||
|
</tr>
|
||||||
|
{{~}}
|
||||||
|
</table>
|
||||||
@ -1,32 +1,31 @@
|
|||||||
table {
|
#server_list table {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
width: 100%;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
td, th {
|
#server_list td, #server_list th {
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#table table {
|
.hover_list{
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mts_mods, .mts_clients_list {
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
border:gray solid 1px;
|
border: gray solid 1px;
|
||||||
position:absolute;
|
position: absolute;
|
||||||
z-index:100;
|
z-index: 100;
|
||||||
background-color:white;
|
background-color: white;
|
||||||
padding:.5em;
|
padding: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mts_version:hover .mts_mods, .mts_clients:hover .mts_clients_list {
|
td:hover .hover_list {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mts_version.mts_is_mods, .mts_clients.mts_is_clients {
|
.hover_list_text, .tooltip {
|
||||||
text-decoration:underline;
|
text-decoration: underline;
|
||||||
text-decoration-style:dashed;
|
text-decoration-style: dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user