plugins/Comet/updatetimeline.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,'>');
  58
  59           ni = "<li class=\"hentry notice\" id=\"notice-"+data['id']+"\">"+
  60                "<div class=\"entry-title\">"+
  61                "<span class=\"vcard author\">"+
  62                "<a href=\""+user['profile_url']+"\" class=\"url\">"+
  63                "<img src=\""+user['profile_image_url']+"\" class=\"avatar photo\" width=\"48\" height=\"48\" alt=\""+user['screen_name']+"\"/>"+
  64                "<span class=\"nickname fn\">"+user['screen_name']+"</span>"+
  65                "</a>"+
  66                "</span>"+
  67                "<p class=\"entry-content\">"+html+"</p>"+
  68                "</div>"+
  69                "<div class=\"entry-content\">"+
  70                "<dl class=\"timestamp\">"+
  71                "<dt>Published</dt>"+
  72                "<dd>"+
  73                "<a rel=\"bookmark\" href=\""+data['url']+"\" >"+
  74                "<abbr class=\"published\" title=\""+data['created_at']+"\">a few seconds ago</abbr>"+
  75                "</a> "+
  76                "</dd>"+
  77                "</dl>"+
  78                "<dl class=\"device\">"+
  79                "<dt>From</dt> "+
  80                "<dd>"+data['source']+"</dd>"+
  81                "</dl>"+
  82                "</div>"+
  83                "<div class=\"notice-options\">";
  84
  85           if (_userid != 0) {
  86                var input = $("form#form_notice fieldset input#token");
  87                var session_key = input.val();
  88                ni = ni+makeFavoriteForm(data['id'], session_key);
  89                ni = ni+makeReplyLink(data['id'], data['user']['screen_name']);
  90                if (_userid == data['user']['id']) {
  91                     ni = ni+makeDeleteLink(data['id']);
  92                }
  93           }
  94
  95           ni = ni+"</div>"+
  96                "</li>";
  97           return ni;
  98      }
  99
 100      function makeFavoriteForm(id, session_key)
 101      {
 102           var ff;
 103
 104           ff = "<form id=\"favor-"+id+"\" class=\"form_favor\" method=\"post\" action=\""+_favorurl+"\">"+
 105                "<fieldset>"+
 106                "<legend>Favor this notice</legend>"+ // XXX: i18n
 107                "<input name=\"token-"+id+"\" type=\"hidden\" id=\"token-"+id+"\" value=\""+session_key+"\"/>"+
 108                "<input name=\"notice\" type=\"hidden\" id=\"notice-n"+id+"\" value=\""+id+"\"/>"+
 109                "<input type=\"submit\" id=\"favor-submit-"+id+"\" name=\"favor-submit-"+id+"\" class=\"submit\" value=\"Favor\" title=\"Favor this notice\"/>"+
 110                "</fieldset>"+
 111                "</form>";
 112           return ff;
 113      }
 114
 115      function makeReplyLink(id, nickname)
 116      {
 117           var rl;
 118           rl = "<dl class=\"notice_reply\">"+
 119                "<dt>Reply to this notice</dt>"+
 120                "<dd>"+
 121                "<a href=\""+_replyurl+"?replyto="+nickname+"\" title=\"Reply to this notice\">Reply <span class=\"notice_id\">"+id+"</span>"+
 122                "</a>"+
 123                "</dd>"+
 124                "</dl>";
 125           return rl;
 126      }
 127
 128      function makeDeleteLink(id)
 129      {
 130           var dl, delurl;
 131           delurl = _deleteurl.replace("0000000000", id);
 132
 133           dl = "<dl class=\"notice_delete\">"+
 134                "<dt>Delete this notice</dt>"+
 135                "<dd>"+
 136                "<a href=\""+delurl+"\" title=\"Delete this notice\">Delete</a>"+
 137                "</dd>"+
 138                "</dl>";
 139
 140           return dl;
 141      }
 142 }();
 143