| 
									
										
										
										
											2009-04-25 14:20:24 -04:00
										 |  |  | // update the local timeline from a Comet server
 | 
					
						
							|  |  |  | //
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 12:06:50 -04:00
										 |  |  | var updater = function() | 
					
						
							|  |  |  | { | 
					
						
							| 
									
										
										
										
											2009-05-01 08:00:37 -07:00
										 |  |  |      var _server; | 
					
						
							|  |  |  |      var _timeline; | 
					
						
							|  |  |  |      var _userid; | 
					
						
							|  |  |  |      var _replyurl; | 
					
						
							|  |  |  |      var _favorurl; | 
					
						
							|  |  |  |      var _deleteurl; | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      var _cometd; | 
					
						
							| 
									
										
										
										
											2009-04-26 12:06:50 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      return { | 
					
						
							| 
									
										
										
										
											2009-05-01 08:00:37 -07:00
										 |  |  |           init: function(server, timeline, userid, replyurl, favorurl, deleteurl) | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |           { | 
					
						
							|  |  |  |                _cometd = $.cometd; // Uses the default Comet object
 | 
					
						
							|  |  |  |                _cometd.setLogLevel('debug'); | 
					
						
							|  |  |  |                _cometd.init(server); | 
					
						
							| 
									
										
										
										
											2009-05-01 08:00:37 -07:00
										 |  |  |                _server = server; | 
					
						
							|  |  |  |                _timeline = timeline; | 
					
						
							|  |  |  |                _userid = userid; | 
					
						
							|  |  |  |                _favorurl = favorurl; | 
					
						
							|  |  |  |                _replyurl = replyurl; | 
					
						
							|  |  |  |                _deleteurl = deleteurl; | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |                _cometd.subscribe(timeline, receive); | 
					
						
							|  |  |  |                $(window).unload(leave); | 
					
						
							|  |  |  |           } | 
					
						
							|  |  |  |      } | 
					
						
							| 
									
										
										
										
											2009-04-26 12:06:50 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      function leave() | 
					
						
							|  |  |  |      { | 
					
						
							|  |  |  |           _cometd.disconnect(); | 
					
						
							|  |  |  |      } | 
					
						
							| 
									
										
										
										
											2009-04-26 12:06:50 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      function receive(message) | 
					
						
							|  |  |  |      { | 
					
						
							| 
									
										
										
										
											2009-04-26 21:15:11 -04:00
										 |  |  |           id = message.data.id; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |           // Don't add it if it already exists
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |           if ($("#notice-"+id).length > 0) { | 
					
						
							|  |  |  |                return; | 
					
						
							|  |  |  |           } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |           var noticeItem = makeNoticeItem(message.data); | 
					
						
							| 
									
										
										
										
											2009-04-26 15:37:00 -04:00
										 |  |  |           $("#notices_primary .notices").prepend(noticeItem, true); | 
					
						
							|  |  |  |           $("#notices_primary .notice:first").css({display:"none"}); | 
					
						
							| 
									
										
										
										
											2009-05-01 08:00:37 -07:00
										 |  |  |           $("#notices_primary .notice:first").fadeIn(1000); | 
					
						
							| 
									
										
										
										
											2009-04-26 15:37:00 -04:00
										 |  |  |           NoticeHover(); | 
					
						
							|  |  |  |           NoticeReply(); | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |      function makeNoticeItem(data) | 
					
						
							|  |  |  |      { | 
					
						
							| 
									
										
										
										
											2009-04-26 15:37:00 -04:00
										 |  |  |           user = data['user']; | 
					
						
							| 
									
										
										
										
											2009-05-01 08:39:47 -07: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-26 20:50:39 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2009-04-26 15:37:00 -04: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-26 20:50:39 -04:00
										 |  |  |                "<p class=\"entry-content\">"+html+"</p>"+ | 
					
						
							| 
									
										
										
										
											2009-04-26 15:37:00 -04: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 08:39:47 -07: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 08:00:37 -07: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 15:37:00 -04:00
										 |  |  |                "</li>"; | 
					
						
							|  |  |  |           return ni; | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  |      } | 
					
						
							| 
									
										
										
										
											2009-05-01 08:00:37 -07: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 12:06:50 -04:00
										 |  |  | }(); | 
					
						
							| 
									
										
										
										
											2009-04-26 15:08:49 -04:00
										 |  |  | 
 |