papers: publish TRs for icalp 2013 and zephyrus
[homepage.git] / identica-badge.js
1 // identica badge -- updated to work with the native API, 12-4-2008
2 // copyright Kent Brewster 2008
3 // see http://kentbrewster.com/identica-badge for info
4 ( function() { 
5    var trueName = '';
6    for (var i = 0; i < 16; i++) { 
7       trueName += String.fromCharCode(Math.floor(Math.random() * 26) + 97); 
8    }
9    window[trueName] = {};
10    var $ = window[trueName];
11    $.f = function() {
12       return { 
13          runFunction : [],
14          init : function(target) {
15             var theScripts = document.getElementsByTagName('SCRIPT');
16             for (var i = 0; i < theScripts.length; i++) {
17                if (theScripts[i].src.match(target)) {
18                   $.a = {};
19                   if (theScripts[i].innerHTML) {
20                      $.a = $.f.parseJson(theScripts[i].innerHTML);
21                   }
22                   if ($.a.err) {
23                      alert('bad json!');
24                   }
25                   $.f.loadDefaults();
26                   $.f.buildStructure();
27                   $.f.buildPresentation();
28                   theScripts[i].parentNode.insertBefore($.s, theScripts[i]);
29                   theScripts[i].parentNode.removeChild(theScripts[i]);
30                   break;
31                }
32             }         
33          },
34          parseJson : function(json) {
35             this.parseJson.data = json;
36             if ( typeof json !== 'string') {
37                return {"err":"trying to parse a non-string JSON object"};
38             }
39             try {
40                var f = Function(['var document,top,self,window,parent,Number,Date,Object,Function,',
41                   'Array,String,Math,RegExp,Image,ActiveXObject;',
42                   'return (' , json.replace(/<\!--.+-->/gim,'').replace(/\bfunction\b/g,'function&shy;') , ');'].join(''));
43                return f();
44             } catch (e) {
45                return {"err":"trouble parsing JSON object"};
46             }
47          },
48          loadDefaults : function() {
49             $.d = { 
50                "user":"7000",
51                "headerText" : "",
52                "height" : 350,
53                "width" : 300,
54                "background" : "#193441",
55                "border" : "1px solid #aaa",
56                "userFontSize" : "inherit",
57                "userColor" : "inherit",
58                "headerBackground" : "transparent", 
59                "headerColor" : "inherit",
60                "evenBackground" : "#fff",
61                "oddBackground" : "#eee",
62                "thumbnailBorder" : "1px solid black",
63                "thumbnailSize" : 24,
64                "padding" : 4,
65                "server" : "identi.ca"
66             };
67             for (var k in $.d) { if ($.a[k] === undefined) { $.a[k] = $.d[k]; } }
68          },
69           buildPresentation : function () {
70             var ns = document.createElement('style');
71             document.getElementsByTagName('head')[0].appendChild(ns);
72             if (!window.createPopup) {
73                ns.appendChild(document.createTextNode(''));
74                ns.setAttribute("type", "text/css");
75             }
76             var s = document.styleSheets[document.styleSheets.length - 1];
77             var rules = {
78                "" : "{zoom:1;margin:0;padding:0;width:" + $.a.width + "px;background:" + $.a.background + ";border:" + $.a.border + ";}",
79                "a" : "{cursor:pointer;text-decoration:none;}",
80                "a:hover" : "{text-decoration:underline;}",
81                "cite" : "{font-weight:bold;margin:0 0 0 4px;padding:0;display:block;font-style:normal;line-height:" + ($.a.thumbnailSize/2) + "px;}",
82                "cite a" : "{color:#C15D42;}",
83                "date":"{font-size:87%;margin:0 0 0 4px;padding:0;display:block;font-style:normal;line-height:" + ($.a.thumbnailSize/2) + "px;}",
84                "date:after" : "{clear:both; content:\".\"; display:block; height:0; visibility:hidden; }",
85                "date a" : "{color:#676;}",
86                "h3" : "{margin:0;padding:" + $.a.padding +
87                "px;font-weight:bold;background:" + $.a.headerBackground + " url('http://" + $.a.server + "/favicon.ico') " + $.a.padding + "px 50% no-repeat;text-indent:" + ($.a.padding + 16) + "px;}",
88                "h3.loading" : "{background-image:url('http://l.yimg.com/us.yimg.com/i/us/my/mw/anim_loading_sm.gif');}",
89                "h3 a" : "{font-size:92%; color:" + $.a.headerColor + ";}",
90                "h4" : "{font-weight:normal; background:" + $.a.headerBackground + ";text-align:right;margin:0;padding:" + $.a.padding + "px;}",
91                "h4 a" : "{font-size:92%; color:" + $.a.headerColor + ";}",
92                "img":"{float:left; height:" + $.a.thumbnailSize + "px;width:" + $.a.thumbnailSize + "px;border:" + $.a.thumbnailBorder + ";margin-right:" + $.a.padding + "px;}",
93                "p" : "{margin:0; padding:0;overflow:hidden;font-size:87%;}",
94                "p a" : "{color:#C15D42;}",
95                "ul":"{margin:0; padding:0; height:" + $.a.height + "px;width:" + $.a.width + "px;overflow:auto;}",
96                "ul li":"{background:" + $.a.evenBackground + ";margin:0;padding:" + $.a.padding + "px;list-style:none;px;overflow:hidden;border-bottom:1px solid #D8E2D7;}",
97                "ul li:hover":"{background:#f3f8ea;}"
98             };
99             var ieRules = "";
100             // brute-force each and every style rule here to !important
101             // sometimes you have to take off and nuke the site from orbit; it's the only way to be sure
102             for (var z in rules) {
103                var selector = '.' + trueName + ' ' + z;
104                var rule = rules[z];
105                if (typeof rule === 'string') {
106                   var important = rule.replace(/;/gi, '!important;');
107                   if (!window.createPopup) {
108                      var theRule = document.createTextNode(selector + important);
109                      ns.appendChild(theRule);
110                   } else {
111                      ieRules += selector + important;
112                   }
113                }
114             }
115             if (window.createPopup) { s.cssText = ieRules; }
116          },
117          buildStructure : function() {
118             $.s = document.createElement('DIV');
119             $.s.className = trueName;         
120             $.s.h = document.createElement('H3');
121             $.s.h.a = document.createElement('A');
122             $.s.h.a.target = '_laconica';
123             $.s.h.appendChild($.s.h.a);
124             $.s.appendChild($.s.h);
125             $.s.r = document.createElement('UL');
126             $.s.appendChild($.s.r);
127             $.f.getUser();
128          },
129          getUser : function() {
130             if (!$.f.runFunction) { $.f.runFunction = []; }
131             var n = $.f.runFunction.length;
132             var id = trueName + '.f.runFunction[' + n + ']';
133             $.f.runFunction[n] = function(r) {
134                delete($.f.runFunction[n]);
135                var a = document.createElement('A');
136                a.rel = $.a.user;
137                a.rev = r.name; 
138                a.id = r.screen_name;
139                $.f.removeScript(id);
140                $.f.changeUserTo(a);
141             };
142             var url = 'http://' + $.a.server + '/api/users/show/' + $.a.user + '.json?callback=' + id;
143             $.f.runScript(url, id);
144          },
145          changeUserTo : function(el) {
146             $.a.user = "metazack";
147             $.s.h.a.innerHTML = "Identi.ca Status";
148             $.s.h.a.href = 'http://' + $.a.server + '/' + "zack";
149             $.f.runSearch(); 
150          },
151          runSearch : function() {
152             $.s.h.className = 'loading';
153             $.s.r.innerHTML = '';
154             if (!$.f.runFunction) { $.f.runFunction = []; }
155             var n = $.f.runFunction.length;
156             var id = trueName + '.f.runFunction[' + n + ']';
157             $.f.runFunction[n] = function(r) {
158                delete($.f.runFunction[n]);
159                $.f.removeScript(id);
160                $.f.renderResult(r); 
161             };
162             var url = 'http://' + $.a.server + '/api/statuses/friends/' + $.a.user + '.json?callback=' + id;
163             $.f.runScript(url, id);
164          },
165          renderResult: function(r) { 
166             for (var i = 0; i < r.length; i++) {
167                if (!r[i].status) {
168                   r.splice(i, 1);
169                } else {
170                   r[i].status_id = parseInt(r[i].status.id);
171                }
172             }
173             r = $.f.sortArray(r, "status_id", true);
174             $.s.h.className = '';
175             for (var i = 0; i < r.length; i++) {
176                var li = document.createElement('LI');
177                var icon = document.createElement('A');
178                if (r[i] && r[i].url) {
179                   icon.href = r[i].url;
180                   icon.target = '_laconica'; 
181                   icon.title = 'Visit ' + r[i].screen_name + ' at ' + r[i].url;
182                } else {
183                   icon.href = 'http://' + $.a.server + '/' + r[i].screen_name;
184                   icon.target = '_laconica'; 
185                   icon.title = 'Visit ' + r[i].screen_name + ' at http://' + $.a.server + '/' + r[i].screen_name;
186                }
187
188                var img = document.createElement('IMG');
189                img.src = r[i].profile_image_url;
190                icon.appendChild(img);
191                li.appendChild(icon); 
192                
193                var user = document.createElement('CITE');
194                var a = document.createElement('A');
195                a.rel = r[i].id;
196                a.rev = r[i].name;
197                a.id = r[i].screen_name;
198                a.innerHTML = r[i].name; 
199                a.href = 'http://' + $.a.server + '/' + r[i].screen_name;
200                a.onclick = function() {
201                   $.f.changeUserTo(this);
202                   return false;
203                };
204                user.appendChild(a);
205                li.appendChild(user);
206                var updated = document.createElement('DATE');
207                if (r[i].status && r[i].status.created_at) {
208                   var date_link = document.createElement('A');
209                   date_link.innerHTML = r[i].status.created_at.split(/\+/)[0];
210                   date_link.href = 'http://' + $.a.server + '/notice/' + r[i].status.id;
211                   date_link.target = '_laconica';
212                   updated.appendChild(date_link);
213                   if (r[i].status.in_reply_to_status_id) {
214                      updated.appendChild(document.createTextNode(' in reply to '));
215                      var in_reply_to = document.createElement('A');
216                      in_reply_to.innerHTML = r[i].status.in_reply_to_status_id;
217                      in_reply_to.href = 'http://' + $.a.server + '/notice/' + r[i].status.in_reply_to_status_id;
218                      in_reply_to.target = '_laconica';
219                      updated.appendChild(in_reply_to);
220                   }
221                } else {
222                   updated.innerHTML = 'has not updated yet';
223                }
224                li.appendChild(updated);
225                var p = document.createElement('P');
226                if (r[i].status && r[i].status.text) {
227                   var raw = r[i].status.text;
228                   var cooked = raw;
229                   cooked = cooked.replace(/http:\/\/([^ ]+)/g, "<a href=\"http://$1\" target=\"_laconica\">http://$1</a>");
230                   cooked = cooked.replace(/@([\w*]+)/g, '@<a href="http://' + $.a.server + '/$1" target=\"_laconica\">$1</a>');
231                   cooked = cooked.replace(/#([\w*]+)/g, '#<a href="http://' + $.a.server + '/tag/$1" target="_laconica">$1</a>');
232                   p.innerHTML = cooked;
233                }
234                li.appendChild(p);
235                var a = p.getElementsByTagName('A');
236                for (var j = 0; j < a.length; j++) {
237                   if (a[j].className == 'changeUserTo') {
238                      a[j].className = '';
239                      a[j].href = 'http://' + $.a.server + '/' + a[j].innerHTML;
240                      a[j].rel = a[j].innerHTML;
241                      a[j].onclick = function() { 
242                         $.f.changeUserTo(this); 
243                         return false;
244                      } 
245                   }
246                }
247                $.s.r.appendChild(li);
248             }         
249          },
250          sortArray : function(r, k, x) {
251             if (window.createPopup) { 
252                return r; 
253             }
254             function s(a, b) {
255                if (x === true) {
256                    return b[k] - a[k];
257                } else {
258                    return a[k] - b[k];
259                }
260             }
261             r = r.sort(s);
262             return r;
263          },         
264          runScript : function(url, id) {
265             var s = document.createElement('script');
266             s.id = id;
267             s.type ='text/javascript';
268             s.src = url;
269             document.getElementsByTagName('body')[0].appendChild(s);
270          },
271          removeScript : function(id) {
272             if (document.getElementById(id)) {
273                var s = document.getElementById(id);
274                s.parentNode.removeChild(s);
275             }
276          }         
277       };
278    }();
279    var thisScript = /identica-badge.js$/;
280    if(typeof window.addEventListener !== 'undefined') {
281       window.addEventListener('load', function() { $.f.init(thisScript); }, false);
282    } else if(typeof window.attachEvent !== 'undefined') {
283       window.attachEvent('onload', function() { $.f.init(thisScript); });
284    }
285 } )()