plugins/Meteor/meteorupdater.js

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