diff options
| -rw-r--r-- | util/master/README.md | 24 | ||||
| -rw-r--r-- | util/master/index.html | 21 | ||||
| -rw-r--r-- | util/master/list.js | 192 | ||||
| -rw-r--r-- | util/master/servers.jst | 68 | ||||
| -rw-r--r-- | util/master/style.css | 43 |
5 files changed, 195 insertions, 153 deletions
diff --git a/util/master/README.md b/util/master/README.md new file mode 100644 index 000000000..4730dc269 --- /dev/null +++ b/util/master/README.md @@ -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 . + + diff --git a/util/master/index.html b/util/master/index.html index ad908fca8..339ebe565 100644 --- a/util/master/index.html +++ b/util/master/index.html @@ -1,12 +1,15 @@ <!DOCTYPE html> <html> - <head> - <meta charset="utf-8"> - <title>Minetest server list</title> - <link rel="stylesheet" href="style.css"/> - </head> - <body><div id="servers_table"></div></body> +<head> + <meta charset="utf-8"> + <title>Minetest server list</title> + <link rel="stylesheet" href="style.css" /> + <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script src="servers.js"></script> + <script src="list.js"></script> +</head> +<body> + <div id="server_list"></div> +</body> </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> + diff --git a/util/master/list.js b/util/master/list.js index 4e2104bc8..ee4568e24 100644 --- a/util/master/list.js +++ b/util/master/list.js @@ -1,132 +1,80 @@ -var master_root, output_to; var master; -if (!master) master = { - root: master_root, - output: output_to -}; +if (!master) { + master = { + url: "http://servers.minetest.net/list", + output: "#server_list" + }; +} + +function humanTime(seconds) { + if (!seconds) return '?'; + var conv = { + y: 31536000, + d: 86400, + h: 3600, + m: 60 + } + for (var i in conv) { + if (seconds >= conv[i]) { + return (seconds / conv[i]).toFixed(1) + i; + } + } +} -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 escapeHTML(str) { + return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"'); } -function human_time(t, abs) { - var n = 's'; - if (!t || t < 0) t = 0; - var f = 0; - var s = parseInt(abs ? (t || 0) : (new Date().getTime() / 1000 - (t || 0))); - if (!s || s <= 0) s = 0; - if (s == 0) return 'now'; - if (s >= 60) { - s /= 60; - n = 'm'; - if (s >= 60) { - 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 addressString(server) { + var isIPv6 = server.address.indexOf(":") != -1; + 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 success(r) { - if (!r || !r.list) return; - 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 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 get(refresh) { - jQuery.getJSON((master.root || '') + 'list', success); - if (!refresh && !master.no_refresh) setTimeout(get, 60000); +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(); + diff --git a/util/master/servers.jst b/util/master/servers.jst new file mode 100644 index 000000000..bbefe3062 --- /dev/null +++ b/util/master/servers.jst @@ -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> diff --git a/util/master/style.css b/util/master/style.css index cff041216..47d58029b 100644 --- a/util/master/style.css +++ b/util/master/style.css @@ -1,32 +1,31 @@ -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; +#server_list table { + max-width: 100%; + width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; + font-size: small; } -td, th { - border: 1px solid gray; +#server_list td, #server_list th { + border: 1px solid gray; } -div#table table { - width: 100%; +.hover_list{ + visibility: hidden; + border: gray solid 1px; + position: absolute; + z-index: 100; + background-color: white; + padding: 0.5em; } -.mts_mods, .mts_clients_list { - visibility: hidden; - border:gray solid 1px; - position:absolute; - z-index:100; - background-color:white; - padding:.5em; +td:hover .hover_list { + visibility: visible; } -.mts_version:hover .mts_mods, .mts_clients:hover .mts_clients_list { - visibility: visible; +.hover_list_text, .tooltip { + text-decoration: underline; + text-decoration-style: dashed; } -.mts_version.mts_is_mods, .mts_clients.mts_is_clients { - text-decoration:underline; - text-decoration-style:dashed; -} |