phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

make faction chat display almost work

Browse Source
This commit is contained in:
Stefan Breunig
2013-02-03 13:19:56 +01:00
parent 4da97f48e3
commit b7f1270ff6
10 changed files with 599 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
code/chat.js
View File

@ -1,6 +1,6 @@
window.chat = function() {}
window.chat = function() {};
window.getOldestTimestampChat = function(public) {
window.chat.getOldestTimestamp = function(public) {
if(public) {
var a = $('#chatpublic time:first').data('timestamp');
var b = $('#chatbot time:first').data('timestamp');
@ -11,7 +11,7 @@ window.getOldestTimestampChat = function(public) {
}
}
window.getNewestTimestampChat = function(public) {
window.chat.getNewestTimestamp = function(public) {
if(public) {
var a = $('#chatpublic time:last').data('timestamp');
var b = $('#chatbot time:last').data('timestamp');
@ -22,7 +22,7 @@ window.getNewestTimestampChat = function(public) {
}
}
window.getPostDataForChat = function(public, getOlderMsgs) {
window.chat.genPostData = function(public, getOlderMsgs) {
if(typeof public !== 'boolean') throw('Need to know if public or faction chat.');
var b = map.getBounds();
@ -42,75 +42,213 @@ window.getPostDataForChat = function(public, getOlderMsgs) {
if(getOlderMsgs) {
// ask for older chat when scrolling up
data = $.extend(data, {maxTimestampMs: getOldestTimestampChat(public)});
data = $.extend(data, {maxTimestampMs: chat.getOldestTimestamp(public)});
} else {
// ask for newer chat
$.extend(data, {minTimestampMs: getNewestTimestampChat(public)});
var min = chat.getNewestTimestamp(public);
// the inital request will have both timestamp values set to -1,
// thus we receive the newest desiredNumItems. After that, we will
// only receive messages with a timestamp greater or equal to min
// above.
// After resuming from idle, there might be more new messages than
// desiredNumItems. So on the first request, we are not really up to
// date. We will eventually catch up, as long as there are less new
// messages than desiredNumItems per each refresh cycle.
// A proper solution would be to query until no more new results are
// returned. Another way would be to set desiredNumItems to a very
// large number so we really get all new messages since the last
// request. Setting desiredNumItems to -1 does unfortunately not
// work.
// Currently this edge case is not handled. Let’s see if this is a
// problem in crowded areas.
$.extend(data, {minTimestampMs: min});
}
return data;
}
window.requestFactionChat = function(getOlderMsgs) {
if(window.idleTime >= MAX_IDLE_TIME) {
console.log('user has been idle for ' + idleTime + ' minutes. Skipping faction chat.');
renderUpdateStatus();
return;
}
//
// requesting faction
//
data = getPostDataForChat(false, false);
window.requests.add(window.postAjax('getPaginatedPlextsV2', data, window.handleFactionChat));
window.chat._requestOldFactionRunning = false;
window.chat.requestOldFaction = function(isRetry) {
if(chat._requestOldFactionRunning) return;
if(isIdle()) return renderUpdateStatus();
chat._requestOldFactionRunning = true;
var d = chat.genPostData(false, true);
var r = window.postAjax(
'getPaginatedPlextsV2',
d,
chat.handleOldFaction,
isRetry
? function() { window.chat._requestOldFactionRunning = false; }
: function() { window.chat.requestOldFaction(true) }
);
requests.add(r);
}
window.renderChatMsg = function(msg, nick, time, team) {
window.chat._requestNewFactionRunning = false;
window.chat.requestNewFaction = function(isRetry) {
if(chat._requestNewFactionRunning) return;
if(window.isIdle()) return renderUpdateStatus();
chat._requestNewFactionRunning = true;
var d = chat.genPostData(false, false);
var r = window.postAjax(
'getPaginatedPlextsV2',
d,
chat.handleNewFaction,
isRetry
? function() { window.chat._requestNewFactionRunning = false; }
: function() { window.chat.requestNewFaction(true) }
);
requests.add(r);
}
//
// handle faction
//
window.chat.handleOldFaction = function(data, textStatus, jqXHR) {
chat._requestOldFactionRunning = false;
chat.handleFaction(data, textStatus, jqXHR, true);
}
window.chat.handleNewFaction = function(data, textStatus, jqXHR) {
chat._requestNewFactionRunning = false;
chat.handleFaction(data, textStatus, jqXHR, false);
}
window.chat._displayedFactionGuids = [];
window.chat.handleFaction = function(data, textStatus, jqXHR, isOldMsgs) {
if(!data || !data.result) return console.warn('Couldn’t get chat data. Pausing chat for now.');
var msgs = '';
var prevTime = null;
$.each(data.result.reverse(), function(ind, json) {
// avoid duplicates
if(window.chat._displayedFactionGuids.indexOf(json[0]) !== -1) return;
window.chat._displayedFactionGuids.push(json[0]);
var time = json[1];
var msg = json[2].plext.markup[2][1].plain;
var team = json[2].plext.team === 'ALIENS' ? TEAM_ENL : TEAM_RES;
var nick = json[2].plext.markup[1][1].plain.slice(0, -2); // cut “: ” at end
var pguid = json[2].plext.markup[1][1].guid;
window.setPlayerName(pguid, nick); // free nick name resolves
var nowTime = new Date(time).toLocaleDateString();
if(prevTime && prevTime !== nowTime)
msgs += '<summary>'+nowTime+'</summary>';
msgs += chat.renderMsg(msg, nick, time, team);
prevTime = nowTime;
});
var c = $('#chatfaction');
var scrollBefore = scrollBottom(c);
if(isOldMsgs)
c.prepend(msgs);
else
c.append(msgs);
// If scrolled down completely, keep it that way so new messages can
// be seen easily. If scrolled up, only need to fix scroll position
// when old messages are added. New messages added at the bottom don’t
// change the view and enabling this would make the chat scroll down
// for every added message, even if the user wants to read old stuff.
if(scrollBefore === 0 || isOldMsgs) {
c.data('ignoreNextScroll', true);
c.scrollTop(c.scrollTop() + (scrollBottom(c)-scrollBefore));
}
chat.needMoreMessages();
}
window.chat.toggle = function() {
var c = $('#chat, #chatcontrols');
if(c.hasClass('expand')) {
$('#chatcontrols a:first').text('expand');
c.removeClass('expand');
} else {
$('#chatcontrols a:first').text('shrink');
c.addClass('expand');
chat.needMoreMessages();
}
}
window.chat.request = function() {
console.log('refreshing chat');
chat.requestNewFaction();
//~ chat.requestNewPublic();
}
// checks if there are enough messages in the selected chat tab and
// loads more if not.
window.chat.needMoreMessages = function() {
var activeChat = $('#chat > :visible');
if(scrollBottom(activeChat) !== 0 || activeChat.scrollTop() !== 0) return;
console.log('no scrollbar in active chat, requesting more msgs');
if($('#chatcontrols a:last.active'))
chat.requestOldFaction();
else
chat.requestOldPublic();
}
window.chat.setupTime = function() {
var inputTime = $('#chatinput time');
var updateTime = function() {
if(window.isIdle()) return;
var d = new Date();
inputTime.text(d.toLocaleTimeString().slice(0, 5));
// update ON the minute (1ms after)
setTimeout(updateTime, (60 - d.getSeconds()) * 1000 + 1);
};
updateTime();
window.addResumeFunction(updateTime);
}
window.chat.setup = function() {
$('#chatcontrols, #chat, #chatinput').show();
$('#chatcontrols a:first').click(window.chat.toggle);
$('#chatinput').click(function() {
$('#chatinput input').focus();
});
window.chat.setupTime();
$('#chatfaction').scroll(function() {
var t = $(this);
if(t.data('ignoreNextScroll')) return t.data('ignoreNextScroll', false);
if(t.scrollTop() < 200) chat.requestOldFaction();
if(scrollBottom(t) === 0) chat.requestNewFaction();
});
$('#chatpublic, #chatbot').scroll(function() {
var t = $(this);
if(t.data('ignoreNextScroll')) return t.data('ignoreNextScroll', false);
if(t.scrollTop() < 200) chat.requestOldPublic();
if(scrollBottom(t) === 0) chat.requestNewPublic();
});
chat.requestNewFaction();
window.addResumeFunction(chat.request);
window.requests.addRefreshFunction(chat.request);
}
window.chat.renderMsg = function(msg, nick, time, team) {
var ta = unixTimeToHHmm(time);
var tb = unixTimeToString(time, true);
var t = '<time title="'+tb+'" data-timestamp="'+time+'">'+ta+'</time>';
var s = 'style="color:'+COLORS[team]+'"';
return '<p>'+t+'<mark '+s+'>'+nick+'</mark><span>'+msg+'</span></p>';
}
window.handleFactionChat = function(data, textStatus, jqXHR) {
var appMsg = '';
var first = null;
var last;
$.each(data.result.reverse(), function(ind, chat) {
var time = chat[1];
var msg = chat[2].plext.markup[2][1].plain;
var team = chat[2].plext.team === 'ALIENS' ? TEAM_ENL : TEAM_RES;
var nick = chat[2].plext.markup[1][1].plain.slice(0, -2); // cut “: ” at end
var guid = chat[2].plext.markup[1][1].guid;
window.setPlayerName(guid, nick); // free nick name resolves
if(!first) first = time;
last = time;
appMsg += renderChatMsg(msg, nick, time, team);
});
$('#chatfaction').html(appMsg);
}
window.toggleChat = function() {
var c = $('#chat');
var cc = $('#chatcontrols');
if(c.data('toggle')) {
$('#chatcontrols a:first').text('expand');
c.css('height', CHAT_SHRINKED+'px');
c.css('top', 'auto');
c.data('toggle', false);
cc.css('top', 'auto');
cc.css('bottom', (CHAT_SHRINKED+4)+'px');
} else {
$('#chatcontrols a:first').text('shrink');
c.css('height', 'auto');
c.css('top', '25px');
c.data('toggle', true);
cc.css('top', '0');
cc.css('bottom', 'auto');
}
}
window.setupChat = function() {
$('#chatcontrols a').first().click(window.toggleChat);
requestFactionChat();
}