Abstracted clock and tile-updating a bit.
This commit is contained in:
FrozenCow
parent
8263918b8d
commit
27fb8a20f1
5 changed files with 176 additions and 155 deletions
289
web/map.js
289
web/map.js
|
|
@ -1,88 +1,90 @@
|
|||
if (!console) console = { log: function() {} };
|
||||
|
||||
/* generic function for making an XMLHttpRequest
|
||||
* url: request URL
|
||||
* func: callback function for success
|
||||
* type: 'text' by default (callback is called with response text)
|
||||
* otherwise, callback is called with a parsed XML dom
|
||||
* fail: callback function for failure
|
||||
* post: if given, make a POST request instead of GET; post data given
|
||||
*
|
||||
* contenttype: if given for a POST, set request content-type header
|
||||
*/
|
||||
function makeRequest(url, func, type, fail, post, contenttype)
|
||||
{
|
||||
var http_request = false;
|
||||
|
||||
type = typeof(type) != 'undefined' ? type : 'text';
|
||||
fail = typeof(fail) != 'undefined' ? fail : function() { };
|
||||
|
||||
if(window.XMLHttpRequest) {
|
||||
http_request = new XMLHttpRequest();
|
||||
} else if(window.ActiveXObject) {
|
||||
http_request = new ActiveXObject("Microsoft.XMLHTTP");
|
||||
function DynMapType() { }
|
||||
DynMapType.prototype = {
|
||||
onTileUpdated: function(tile, tileName) {
|
||||
var src = getTileUrl(tileName);
|
||||
tile.attr('src', src);
|
||||
tile.show();
|
||||
}
|
||||
};
|
||||
|
||||
if(type == 'text') {
|
||||
http_request.onreadystatechange = function() {
|
||||
if(http_request.readyState == 4) {
|
||||
if(http_request.status == 200) {
|
||||
func(http_request.responseText);
|
||||
} else {
|
||||
fail(http_request);
|
||||
}
|
||||
}
|
||||
function MinecraftClock(element) { this.element = element; }
|
||||
MinecraftClock.prototype = {
|
||||
element: null,
|
||||
timeout: null,
|
||||
time: null,
|
||||
create: function(element) {
|
||||
if (!element) element = $('<div/>');
|
||||
this.element = element;
|
||||
return element;
|
||||
},
|
||||
setTime: function(time) {
|
||||
if (this.timeout != null) {
|
||||
window.clearTimeout(this.timeout);
|
||||
this.timeout = null;
|
||||
}
|
||||
} else {
|
||||
http_request.onreadystatechange = function() {
|
||||
if(http_request.readyState == 4) {
|
||||
if(http_request.status == 200) { func(http_request.responseXML); } else {
|
||||
fail(http_request);
|
||||
}
|
||||
}
|
||||
this.time = time;
|
||||
this.element
|
||||
.addClass(time.day ? 'day' : 'night')
|
||||
.removeClass(time.night ? 'day' : 'night')
|
||||
.text(this.formatTime(time));
|
||||
|
||||
if (this.timeout == null) {
|
||||
var me = this;
|
||||
this.timeout = window.setTimeout(function() {
|
||||
me.timeout = null;
|
||||
me.setTime(getMinecraftTime(me.time.servertime+(1000/60)));
|
||||
}, 700 /* should be 600, but since server-resyncing it looks better with 700 */);
|
||||
}
|
||||
},
|
||||
formatTime: function(time) {
|
||||
var formatDigits = function(n, digits) {
|
||||
var s = n.toString();
|
||||
while (s.length < digits) {
|
||||
s = '0' + s;
|
||||
}
|
||||
return s;
|
||||
}
|
||||
return formatDigits(time.hours, 2) + ':' + formatDigits(time.minutes, 2);
|
||||
}
|
||||
};
|
||||
|
||||
if(typeof(post) != 'undefined') {
|
||||
http_request.open('POST', url, true);
|
||||
if(typeof(contenttype) != 'undefined')
|
||||
http_request.setRequestHeader("Content-Type", contenttype);
|
||||
http_request.send(post);
|
||||
var tileDict = new Array();
|
||||
var lastSeen = new Array();
|
||||
|
||||
function getTileUrl(tile, always) {
|
||||
if(always) {
|
||||
var now = new Date();
|
||||
return config.tileUrl + tile + '.png?' + now.getTime();
|
||||
} else if(tile in lastSeen) {
|
||||
return config.tileUrl + tile + '.png?' + lastSeen[tile];
|
||||
} else {
|
||||
http_request.open('GET', url, true);
|
||||
http_request.send(null);
|
||||
return config.tileUrl + tile + '.png?0';
|
||||
}
|
||||
}
|
||||
|
||||
var tileDict = new Array();
|
||||
var lastSeen = new Array();
|
||||
function registerTile(mapType, tileName, tile) {
|
||||
tileDict[tileName] = {
|
||||
tileElement: tile,
|
||||
mapType: mapType
|
||||
};
|
||||
}
|
||||
|
||||
function tileUrl(tile, always) {
|
||||
if(always) {
|
||||
var now = new Date();
|
||||
return config.tileUrl + tile + '.png?' + now.getTime();
|
||||
} else if(tile in lastSeen) {
|
||||
return config.tileUrl + tile + '.png?' + lastSeen[tile];
|
||||
} else {
|
||||
return config.tileUrl + tile + '.png?0';
|
||||
}
|
||||
}
|
||||
function unregisterTile(mapType, tileName) {
|
||||
delete tileDict[tileName];
|
||||
}
|
||||
|
||||
function onTileUpdated(tileName, f) {
|
||||
|
||||
}
|
||||
function onTileUpdated(tileName) {
|
||||
lastSeen[tileName] = lasttimestamp;
|
||||
|
||||
function imgSubst(tileName) {
|
||||
if(!(tileName in tileDict))
|
||||
return;
|
||||
|
||||
var src = tileUrl(tileName);
|
||||
var t = tileDict[tileName];
|
||||
t.attr('src', src);
|
||||
t.show();
|
||||
var tile = tileDict[tileName];
|
||||
if (tile) {
|
||||
tile.mapType.onTileUpdated(tile.tileElement, tileName);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
var clock = null;
|
||||
var markers = new Array();
|
||||
var lasttimestamp = '0';
|
||||
var followPlayer = '';
|
||||
|
|
@ -90,8 +92,6 @@ function makeRequest(url, func, type, fail, post, contenttype)
|
|||
var lst;
|
||||
var plistbtn;
|
||||
var lstopen = true;
|
||||
var oldplayerlst = '[Connecting]';
|
||||
var servertime = 0;
|
||||
|
||||
function updateMarker(mi) {
|
||||
if(mi.id in markers) {
|
||||
|
|
@ -173,90 +173,75 @@ function makeRequest(url, func, type, fail, post, contenttype)
|
|||
|
||||
function mapUpdate()
|
||||
{
|
||||
makeRequest(config.updateUrl + lasttimestamp, function(res) {
|
||||
var typeVisibleMap = {
|
||||
'warp': document.getElementById('showWarps').checked,
|
||||
'sign': document.getElementById('showSigns').checked,
|
||||
'home': document.getElementById('showHomes').checked,
|
||||
'spawn': document.getElementById('showSpawn').checked
|
||||
};
|
||||
|
||||
var typeCount = {};
|
||||
|
||||
var rows = res.split('\n');
|
||||
var loggedin = new Array();
|
||||
var firstRow = rows[0].split(' ');
|
||||
lasttimestamp = firstRow[0];
|
||||
servertime = firstRow[1];
|
||||
delete rows[0];
|
||||
|
||||
for(var line in rows) {
|
||||
var p = rows[line].split(' ');
|
||||
|
||||
if (p[0] == '') continue;
|
||||
$.ajax({
|
||||
url: config.updateUrl + lasttimestamp,
|
||||
success: function(res) {
|
||||
$('#alert')
|
||||
.hide();
|
||||
var typeVisibleMap = {
|
||||
'warp': document.getElementById('showWarps').checked,
|
||||
'sign': document.getElementById('showSigns').checked,
|
||||
'home': document.getElementById('showHomes').checked,
|
||||
'spawn': document.getElementById('showSpawn').checked
|
||||
};
|
||||
|
||||
({ tile: function() {
|
||||
var tileName = p[1];
|
||||
lastSeen[tileName] = lasttimestamp;
|
||||
imgSubst(tileName);
|
||||
}
|
||||
}[p[0]] || function() {
|
||||
var mi = {
|
||||
id: p[0] + '_' + p[1],
|
||||
text: p[1],
|
||||
type: p[0],
|
||||
position: map.getProjection().fromWorldToLatLng(p[2], p[3], p[4]),
|
||||
visible: ((p[0] in typeVisibleMap) ? typeVisibleMap[p[0]] : true)
|
||||
};
|
||||
|
||||
updateMarker(mi);
|
||||
loggedin[mi.id] = 1;
|
||||
if (!mi.type in typeCount) typeCount[mi.type] = 0;
|
||||
typeCount[mi.type]++;
|
||||
})();
|
||||
}
|
||||
|
||||
var time = {
|
||||
// Assuming it is day at 8:00
|
||||
hours: (parseInt(servertime / 1000)+8) % 24,
|
||||
minutes: parseInt(((servertime / 1000) % 1) * 60),
|
||||
seconds: parseInt(((((servertime / 1000) % 1) * 60) % 1) * 60)
|
||||
};
|
||||
|
||||
|
||||
$('#clock')
|
||||
.addClass(servertime > 12000 ? 'night' : 'day')
|
||||
.removeClass(servertime > 12000 ? 'day' : 'night')
|
||||
.text(formatTime(time));
|
||||
|
||||
for(var m in markers) {
|
||||
if(!(m in loggedin)) {
|
||||
markers[m].remove(null);
|
||||
if (markers[m].playerRow) {
|
||||
markers[m].playerRow.remove();
|
||||
}
|
||||
delete markers[m];
|
||||
var typeCount = {};
|
||||
|
||||
var rows = res.split('\n');
|
||||
var loggedin = new Array();
|
||||
var firstRow = rows[0].split(' ');
|
||||
lasttimestamp = firstRow[0];
|
||||
delete rows[0];
|
||||
|
||||
var servertime = firstRow[1];
|
||||
clock.setTime(getMinecraftTime(servertime));
|
||||
|
||||
for(var line in rows) {
|
||||
var p = rows[line].split(' ');
|
||||
|
||||
if (p[0] == '') continue;
|
||||
|
||||
({ tile: function() {
|
||||
onTileUpdated(p[1]);
|
||||
}
|
||||
}[p[0]] || function() {
|
||||
var mi = {
|
||||
id: p[0] + '_' + p[1],
|
||||
text: p[1],
|
||||
type: p[0],
|
||||
position: map.getProjection().fromWorldToLatLng(p[2], p[3], p[4]),
|
||||
visible: ((p[0] in typeVisibleMap) ? typeVisibleMap[p[0]] : true)
|
||||
};
|
||||
|
||||
updateMarker(mi);
|
||||
loggedin[mi.id] = 1;
|
||||
if (!mi.type in typeCount) typeCount[mi.type] = 0;
|
||||
typeCount[mi.type]++;
|
||||
})();
|
||||
}
|
||||
|
||||
for(var m in markers) {
|
||||
if(!(m in loggedin)) {
|
||||
markers[m].remove(null);
|
||||
if (markers[m].playerRow) {
|
||||
markers[m].playerRow.remove();
|
||||
}
|
||||
delete markers[m];
|
||||
}
|
||||
}
|
||||
setTimeout(mapUpdate, config.updateRate);
|
||||
document.getElementById('warpsDiv').style.display = (typeCount['warps'] == 0)?'none':'';
|
||||
document.getElementById('signsDiv').style.display = (typeCount['signs'] == 0)?'none':'';
|
||||
document.getElementById('homesDiv').style.display = (typeCount['homes'] == 0)?'none':'';
|
||||
document.getElementById('spawnsDiv').style.display = (typeCount['spawns'] == 0)?'none':'';
|
||||
},
|
||||
error: function(request, statusText, ex) {
|
||||
$('#alert')
|
||||
.text('Could not update map')
|
||||
.show();
|
||||
setTimeout(mapUpdate, config.updateRate);
|
||||
}
|
||||
setTimeout(mapUpdate, config.updateRate);
|
||||
document.getElementById('warpsDiv').style.display = (typeCount['warps'] == 0)?'none':'';
|
||||
document.getElementById('signsDiv').style.display = (typeCount['signs'] == 0)?'none':'';
|
||||
document.getElementById('homesDiv').style.display = (typeCount['homes'] == 0)?'none':'';
|
||||
document.getElementById('spawnsDiv').style.display = (typeCount['spawns'] == 0)?'none':'';
|
||||
}, 'text', function() { alert('failed to get update data'); } );
|
||||
}
|
||||
|
||||
function formatTime(time) {
|
||||
//return formatDigits(time.hours, 2) + ':' + formatDigits(time.minutes, 2) + ':' + formatDigits(time.seconds, 2);
|
||||
return formatDigits(time.hours, 2) + ':' + formatDigits(time.minutes, 2);
|
||||
}
|
||||
|
||||
function formatDigits(n, digits) {
|
||||
var s = n.toString();
|
||||
while (s.length < digits) {
|
||||
s = '0' + s;
|
||||
}
|
||||
return s;
|
||||
});
|
||||
}
|
||||
|
||||
window.onload = function initialize() {
|
||||
|
|
@ -317,6 +302,8 @@ function makeRequest(url, func, type, fail, post, contenttype)
|
|||
|
||||
map.setMapTypeId(config.defaultMap);
|
||||
|
||||
clock = new MinecraftClock($('#clock'));
|
||||
|
||||
setTimeout(mapUpdate, config.updateRate);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue