Use a doT.js template for the serverlist

author: ShadowNinja <shadowninja@minetest.net> 2013-11-02 18:53:51 -0400
committer: ShadowNinja <shadowninja@minetest.net> 2013-11-03 17:47:16 -0500
commit: 50ea8601d588cbc5b2ab125c20510817c07f7b0a (patch)
tree: e693eeeeb781829088cae0476d8b146b17082ff4 /util/master
parent: 68bbdf1b2c1bc70f48d52694411cd7859d09c728 (diff)
download: minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.tar.gz
minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.tar.bz2
minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.zip
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, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); //mc"
+function escapeHTML(str) {
+	return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
 }
 
-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) + "&hellip;";
+		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) + "&hellip;";
+		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}}&nbsp;
+	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)}},&nbsp;
+			{{=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;
-}
author	ShadowNinja <shadowninja@minetest.net>	2013-11-02 18:53:51 -0400
committer	ShadowNinja <shadowninja@minetest.net>	2013-11-03 17:47:16 -0500
commit	50ea8601d588cbc5b2ab125c20510817c07f7b0a (patch)
tree	e693eeeeb781829088cae0476d8b146b17082ff4 /util/master
parent	68bbdf1b2c1bc70f48d52694411cd7859d09c728 (diff)
download	minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.tar.gz minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.tar.bz2 minetest-50ea8601d588cbc5b2ab125c20510817c07f7b0a.zip