serverlist/static/list.js

var master;
if (!master)
	master = {};
if (!master.root)
	master.root = window.location.href;
if (!master.list)
	master.list = "list";
if (!master.list_root)
	master.list_root = master.root;
if (!master.list_url)
	master.list_url = master.list_root + master.list;
master.cached_json = null;

// Utility functions used by the templating code

function humanTime(seconds) {
	if (typeof(seconds) != "number")
		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(i=='y'?1:0) + i;
		}
	}
	return seconds + 's';
}

function escapeHTML(str) {
	if (!str)
		return str;
	return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

function addressString(server) {
	var addrStr = server.address;
	if (addrStr.indexOf(':') != -1)
		addrStr = '[' + addrStr + ']';
	var shortStr = addrStr;
	addrStr += ':' + server.port;
	var str = '<span'
	if (shortStr.length > 26) {
		shortStr = shortStr.substring(0, 25) + "\u2026";
		str += ' title="' + escapeHTML(addrStr) + '"'
	}
	if (server.port != 30000)
		shortStr += ':' + server.port;
	return str + '>' + escapeHTML(shortStr) + '</span>';
}

function tooltipString(str) {
	str = escapeHTML(str);
	return '<span title="' + str + '">' + str + '</div>';
}

function hoverList(name, list) {
	if (!list || list.length == 0)
		return '';
	var str = '<div class="mts_hover_list">'
	str += '<b>' + escapeHTML(name) + '</b> (' + list.length + ')<br />';
	for (var i in list) {
		str += escapeHTML(list[i]) + '<br />';
	}
	return str + '</div>';
}

function hoverString(name, str) {
	if (!str)
		return '';
	if (typeof(str) != 'string')
		str = str.toString();
	return '<div class="mts_hover_list">'
		+ '<b>' + escapeHTML(name) + '</b>:<br />'
		+ escapeHTML(str) + '<br />'
		+ '</div>';
}

function constantWidth(str, width) {
	if (typeof(str) != 'string')
		str = str.toString();
	return '<span class="mts_cwidth" style="width:' + width + 'em;">' + escapeHTML(str) + '</span>';
}

// Code that fetches & displays the actual list

master.draw = function(json) {
	if (json == null)
		return;

	// pre-filter by chosen protocol range
	var tmp = master.proto_range ? JSON.parse(master.proto_range) : null;
	if (tmp) {
		json = {
			list: json.list.filter(function(server) {
				return !(tmp[0] > server.proto_max || tmp[1] < server.proto_min);
			}),
			total: {clients: 0},
			total_max: {clients: "?", servers: "?"}
		};
		json.list.forEach(function(server) { json.total.clients += server.clients; });
		json.total.servers = json.list.length;
	}

	var html = window.render.servers(json);
	jQuery('#server_list').html(html);

	jQuery('.proto_select', '#server_list').on('change', function(e) {
		master.proto_range = e.target.value;
		master.draw(master.cached_json); // re-render
	});
};

master.get = function() {
	jQuery.getJSON(master.list_url, function(json) {
		master.cached_json = json;
		master.draw(json);
	});
};

master.loaded = function() {
	if (!master.no_refresh)
		setInterval(master.get, 60 * 1000);
	master.get();
};

master.showAll = function() {
	delete master.min_clients;
	delete master.limit;
	master.get();
};


// https://github.com/pyrsmk/toast
this.toast=function(){var e=document,t=e.getElementsByTagName("head")[0],n=this.setTimeout,r="createElement",i="appendChild",s="addEventListener",o="onreadystatechange",u="styleSheet",a=10,f=0,l=function(){--f},c,h=function(e,r,i,s){if(!t)n(function(){h(e)},a);else if(e.length){c=-1;while(i=e[++c]){if((s=typeof i)=="function"){r=function(){return i(),!0};break}if(s=="string")p(i);else if(i.pop){p(i[0]),r=i[1];break}}d(r,Array.prototype.slice.call(e,c+1))}},p=function(n,s){++f,/\.css$/.test(n)?(s=e[r]("link"),s.rel=u,s.href=n,t[i](s),v(s)):(s=e[r]("script"),s.src=n,t[i](s),s[o]===null?s[o]=m:s.onload=l)},d=function(e,t){if(!f)if(!e||e()){h(t);return}n(function(){d(e,t)},a)},v=function(e){if(e.sheet||e[u]){l();return}n(function(){v(e)},a)},m=function(){/ded|co/.test(this.readyState)&&l()};h(arguments)};

toast(master.root + 'style.css', master.root + 'servers.js', function() {
	if (typeof(jQuery) != 'undefined')
		return master.loaded();
	else
		toast('//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js', master.loaded);
});