2009-04-25 19:20:24 +01:00
|
|
|
// update the local timeline from a Comet server
|
|
|
|
//
|
|
|
|
|
2009-04-26 17:06:50 +01:00
|
|
|
var updater = function()
|
|
|
|
{
|
2009-05-01 16:00:37 +01:00
|
|
|
var _server;
|
|
|
|
var _timeline;
|
|
|
|
var _userid;
|
|
|
|
var _replyurl;
|
|
|
|
var _favorurl;
|
|
|
|
var _deleteurl;
|
2009-04-26 20:08:49 +01:00
|
|
|
var _cometd;
|
2009-04-26 17:06:50 +01:00
|
|
|
|
2009-04-26 20:08:49 +01:00
|
|
|
return {
|
2009-05-01 16:00:37 +01:00
|
|
|
init: function(server, timeline, userid, replyurl, favorurl, deleteurl)
|
2009-04-26 20:08:49 +01:00
|
|
|
{
|
|
|
|
_cometd = $.cometd; // Uses the default Comet object
|
|
|
|
_cometd.setLogLevel('debug');
|
|
|
|
_cometd.init(server);
|
2009-05-01 16:00:37 +01:00
|
|
|
_server = server;
|
|
|
|
_timeline = timeline;
|
|
|
|
_userid = userid;
|
|
|
|
_favorurl = favorurl;
|
|
|
|
_replyurl = replyurl;
|
|
|
|
_deleteurl = deleteurl;
|
2009-04-26 20:08:49 +01:00
|
|
|
_cometd.subscribe(timeline, receive);
|
|
|
|
$(window).unload(leave);
|
|
|
|
}
|
|
|
|
}
|
2009-04-26 17:06:50 +01:00
|
|
|
|
2009-04-26 20:08:49 +01:00
|
|
|
function leave()
|
|
|
|
{
|
|
|
|
_cometd.disconnect();
|
|
|
|
}
|
2009-04-26 17:06:50 +01:00
|
|
|
|
2009-04-26 20:08:49 +01:00
|
|
|
function receive(message)
|
|
|
|
{
|
2009-04-27 02:15:11 +01:00
|
|
|
id = message.data.id;
|
|
|
|
|
|
|
|
// Don't add it if it already exists
|
|
|
|
|
|
|
|
if ($("#notice-"+id).length > 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2009-04-26 20:08:49 +01:00
|
|
|
var noticeItem = makeNoticeItem(message.data);
|
2009-04-26 20:37:00 +01:00
|
|
|
$("#notices_primary .notices").prepend(noticeItem, true);
|
|
|
|
$("#notices_primary .notice:first").css({display:"none"});
|
2009-05-01 16:00:37 +01:00
|
|
|
$("#notices_primary .notice:first").fadeIn(1000);
|
2009-04-26 20:37:00 +01:00
|
|
|
NoticeHover();
|
|
|
|
NoticeReply();
|
2009-04-26 20:08:49 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
function makeNoticeItem(data)
|
|
|
|
{
|
2009-04-26 20:37:00 +01:00
|
|
|
user = data['user'];
|
2009-05-01 16:39:47 +01:00
|
|
|
html = data['html'].replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
|
|
|
source = data['source'].replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
2009-04-27 01:50:39 +01:00
|
|
|
|
2009-04-26 20:37:00 +01:00
|
|
|
ni = "<li class=\"hentry notice\" id=\"notice-"+data['id']+"\">"+
|
|
|
|
"<div class=\"entry-title\">"+
|
|
|
|
"<span class=\"vcard author\">"+
|
|
|
|
"<a href=\""+user['profile_url']+"\" class=\"url\">"+
|
|
|
|
"<img src=\""+user['profile_image_url']+"\" class=\"avatar photo\" width=\"48\" height=\"48\" alt=\""+user['screen_name']+"\"/>"+
|
|
|
|
"<span class=\"nickname fn\">"+user['screen_name']+"</span>"+
|
|
|
|
"</a>"+
|
|
|
|
"</span>"+
|
2009-04-27 01:50:39 +01:00
|
|
|
"<p class=\"entry-content\">"+html+"</p>"+
|
2009-04-26 20:37:00 +01:00
|
|
|
"</div>"+
|
|
|
|
"<div class=\"entry-content\">"+
|
|
|
|
"<dl class=\"timestamp\">"+
|
|
|
|
"<dt>Published</dt>"+
|
|
|
|
"<dd>"+
|
|
|
|
"<a rel=\"bookmark\" href=\""+data['url']+"\" >"+
|
|
|
|
"<abbr class=\"published\" title=\""+data['created_at']+"\">a few seconds ago</abbr>"+
|
|
|
|
"</a> "+
|
|
|
|
"</dd>"+
|
|
|
|
"</dl>"+
|
|
|
|
"<dl class=\"device\">"+
|
|
|
|
"<dt>From</dt> "+
|
2009-05-01 16:39:47 +01:00
|
|
|
"<dd>"+source+"</dd>"+ // may have a link, I think
|
|
|
|
"</dl>";
|
|
|
|
|
|
|
|
if (data['in_reply_to_status_id']) {
|
|
|
|
ni = ni+" <dl class=\"response\">"+
|
|
|
|
"<dt>To</dt>"+
|
|
|
|
"<dd>"+
|
|
|
|
"<a href=\""+data['in_reply_to_status_url']+"\" rel=\"in-reply-to\">in reply to</a>"+
|
|
|
|
"</dd>"+
|
|
|
|
"</dl>";
|
|
|
|
}
|
|
|
|
|
|
|
|
ni = ni+"</div>"+
|
2009-05-01 16:00:37 +01:00
|
|
|
"<div class=\"notice-options\">";
|
|
|
|
|
|
|
|
if (_userid != 0) {
|
|
|
|
var input = $("form#form_notice fieldset input#token");
|
|
|
|
var session_key = input.val();
|
|
|
|
ni = ni+makeFavoriteForm(data['id'], session_key);
|
|
|
|
ni = ni+makeReplyLink(data['id'], data['user']['screen_name']);
|
|
|
|
if (_userid == data['user']['id']) {
|
|
|
|
ni = ni+makeDeleteLink(data['id']);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ni = ni+"</div>"+
|
2009-04-26 20:37:00 +01:00
|
|
|
"</li>";
|
|
|
|
return ni;
|
2009-04-26 20:08:49 +01:00
|
|
|
}
|
2009-05-01 16:00:37 +01:00
|
|
|
|
|
|
|
function makeFavoriteForm(id, session_key)
|
|
|
|
{
|
|
|
|
var ff;
|
|
|
|
|
|
|
|
ff = "<form id=\"favor-"+id+"\" class=\"form_favor\" method=\"post\" action=\""+_favorurl+"\">"+
|
|
|
|
"<fieldset>"+
|
|
|
|
"<legend>Favor this notice</legend>"+ // XXX: i18n
|
|
|
|
"<input name=\"token-"+id+"\" type=\"hidden\" id=\"token-"+id+"\" value=\""+session_key+"\"/>"+
|
|
|
|
"<input name=\"notice\" type=\"hidden\" id=\"notice-n"+id+"\" value=\""+id+"\"/>"+
|
|
|
|
"<input type=\"submit\" id=\"favor-submit-"+id+"\" name=\"favor-submit-"+id+"\" class=\"submit\" value=\"Favor\" title=\"Favor this notice\"/>"+
|
|
|
|
"</fieldset>"+
|
|
|
|
"</form>";
|
|
|
|
return ff;
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeReplyLink(id, nickname)
|
|
|
|
{
|
|
|
|
var rl;
|
|
|
|
rl = "<dl class=\"notice_reply\">"+
|
|
|
|
"<dt>Reply to this notice</dt>"+
|
|
|
|
"<dd>"+
|
|
|
|
"<a href=\""+_replyurl+"?replyto="+nickname+"\" title=\"Reply to this notice\">Reply <span class=\"notice_id\">"+id+"</span>"+
|
|
|
|
"</a>"+
|
|
|
|
"</dd>"+
|
|
|
|
"</dl>";
|
|
|
|
return rl;
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeDeleteLink(id)
|
|
|
|
{
|
|
|
|
var dl, delurl;
|
|
|
|
delurl = _deleteurl.replace("0000000000", id);
|
|
|
|
|
|
|
|
dl = "<dl class=\"notice_delete\">"+
|
|
|
|
"<dt>Delete this notice</dt>"+
|
|
|
|
"<dd>"+
|
|
|
|
"<a href=\""+delurl+"\" title=\"Delete this notice\">Delete</a>"+
|
|
|
|
"</dd>"+
|
|
|
|
"</dl>";
|
|
|
|
|
|
|
|
return dl;
|
|
|
|
}
|
2009-04-26 17:06:50 +01:00
|
|
|
}();
|
2009-04-26 20:08:49 +01:00
|
|
|
|