plugins/Realtime/realtimeupdate.js

   1 // update the local timeline from a Comet server
   2 //
   3
   4 var updater = function()
   5 {
   6      var _server;
   7      var _timeline;
   8      var _userid;
   9      var _replyurl;
  10      var _favorurl;
  11      var _deleteurl;
  12      var _cometd;
  13
  14      return {
  15           init: function(server, timeline, userid, replyurl, favorurl, deleteurl)
  16           {
  17                _cometd = $.cometd; // Uses the default Comet object
  18                _cometd.setLogLevel('debug');
  19                _cometd.init(server);
  20                _server = server;
  21                _timeline = timeline;
  22                _userid = userid;
  23                _favorurl = favorurl;
  24                _replyurl = replyurl;
  25                _deleteurl = deleteurl;
  26                _cometd.subscribe(timeline, receive);
  27                $(window).unload(leave);
  28           }
  29      }
  30
  31      function leave()
  32      {
  33           _cometd.disconnect();
  34      }
  35
  36      function receive(message)
  37      {
  38           id = message.data.id;
  39
  40           // Don't add it if it already exists
  41
  42           if ($("#notice-"+id).length > 0) {
  43                return;
  44           }
  45
  46           var noticeItem = makeNoticeItem(message.data);
  47           $("#notices_primary .notices").prepend(noticeItem, true);
  48           $("#notices_primary .notice:first").css({display:"none"});
  49           $("#notices_primary .notice:first").fadeIn(1000);
  50           NoticeHover();
  51           NoticeReply();
  52      }
  53
  54      function makeNoticeItem(data)
  55      {
  56           user = data['user'];
  57           html = data['html'].replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"');
  58           source = data['source'].replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&quot;/g,'"');
  59
  60           ni = "<li class=\"hentry notice\" id=\"notice-"+data['id']+"\">"+
  61                "<div class=\"entry-title\">"+
  62                "<span class=\"vcard author\">"+
  63                "<a href=\""+user['profile_url']+"\" class=\"url\">"+
  64                "<img src=\""+user['profile_image_url']+"\" class=\"avatar photo\" width=\"48\" height=\"48\" alt=\""+user['screen_name']+"\"/>"+
  65                "<span class=\"nickname fn\">"+user['screen_name']+"</span>"+
  66                "</a>"+
  67                "</span>"+
  68                "<p class=\"entry-content\">"+html+"</p>"+
  69                "</div>"+
  70                "<div class=\"entry-content\">"+
  71                "<dl class=\"timestamp\">"+
  72                "<dt>Published</dt>"+
  73                "<dd>"+
  74                "<a rel=\"bookmark\" href=\""+data['url']+"\" >"+
  75                "<abbr class=\"published\" title=\""+data['created_at']+"\">a few seconds ago</abbr>"+
  76                "</a> "+
  77                "</dd>"+
  78                "</dl>"+
  79                "<dl class=\"device\">"+
  80                "<dt>From</dt> "+
  81                "<dd>"+source+"</dd>"+ // may have a link, I think
  82                "</dl>";
  83
  84           if (data['in_reply_to_status_id']) {
  85                ni = ni+" <dl class=\"response\">"+
  86                     "<dt>To</dt>"+
  87                     "<dd>"+
  88                     "<a href=\""+data['in_reply_to_status_url']+"\" rel=\"in-reply-to\">in reply to</a>"+
  89                     "</dd>"+
  90                     "</dl>";
  91           }
  92
  93           ni = ni+"</div>"+
  94                "<div class=\"notice-options\">";
  95
  96           if (_userid != 0) {
  97                var input = $("form#form_notice fieldset input#token");
  98                var session_key = input.val();
  99                ni = ni+makeFavoriteForm(data['id'], session_key);
 100                ni = ni+makeReplyLink(data['id'], data['user']['screen_name']);
 101                if (_userid == data['user']['id']) {
 102                     ni = ni+makeDeleteLink(data['id']);
 103                }
 104           }
 105
 106           ni = ni+"</div>"+
 107                "</li>";
 108           return ni;
 109      }
 110
 111      function makeFavoriteForm(id, session_key)
 112      {
 113           var ff;
 114
 115           ff = "<form id=\"favor-"+id+"\" class=\"form_favor\" method=\"post\" action=\""+_favorurl+"\">"+
 116                "<fieldset>"+
 117                "<legend>Favor this notice</legend>"+ // XXX: i18n
 118                "<input name=\"token-"+id+"\" type=\"hidden\" id=\"token-"+id+"\" value=\""+session_key+"\"/>"+
 119                "<input name=\"notice\" type=\"hidden\" id=\"notice-n"+id+"\" value=\""+id+"\"/>"+
 120                "<input type=\"submit\" id=\"favor-submit-"+id+"\" name=\"favor-submit-"+id+"\" class=\"submit\" value=\"Favor\" title=\"Favor this notice\"/>"+
 121                "</fieldset>"+
 122                "</form>";
 123           return ff;
 124      }
 125
 126      function makeReplyLink(id, nickname)
 127      {
 128           var rl;
 129           rl = "<dl class=\"notice_reply\">"+
 130                "<dt>Reply to this notice</dt>"+
 131                "<dd>"+
 132                "<a href=\""+_replyurl+"?replyto="+nickname+"\" title=\"Reply to this notice\">Reply <span class=\"notice_id\">"+id+"</span>"+
 133                "</a>"+
 134                "</dd>"+
 135                "</dl>";
 136           return rl;
 137      }
 138
 139      function makeDeleteLink(id)
 140      {
 141           var dl, delurl;
 142           delurl = _deleteurl.replace("0000000000", id);
 143
 144           dl = "<dl class=\"notice_delete\">"+
 145                "<dt>Delete this notice</dt>"+
 146                "<dd>"+
 147                "<a href=\""+delurl+"\" title=\"Delete this notice\">Delete</a>"+
 148                "</dd>"+
 149                "</dl>";
 150
 151           return dl;
 152      }
 153 }();
 154