Author: kmalhi
Date: Wed May 25 00:27:45 2011
New Revision: 1127342
URL: http://svn.apache.org/viewvc?rev=1127342&view=rev
Log:
added the js and css file for tweets to show up
Added:
openejb/trunk/website/jquery.tweet.css
openejb/trunk/website/tweet/
openejb/trunk/website/tweet/jquery.tweet.js
Added: openejb/trunk/website/jquery.tweet.css
URL:
http://svn.apache.org/viewvc/openejb/trunk/website/jquery.tweet.css?rev=1127342&view=auto
==============================================================================
--- openejb/trunk/website/jquery.tweet.css (added)
+++ openejb/trunk/website/jquery.tweet.css Wed May 25 00:27:45 2011
@@ -0,0 +1,26 @@
+.tweet, .query {
+ font-family: Georgia, serif;
+ font-size: 120%;
+ color: #085258; }
+ .tweet .tweet_list, .query .tweet_list {
+ -webkit-border-radius: .5em;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow-y: hidden;
+ background-color: #8ADEE2; }
+ .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list
.awesome, .query .tweet_list .epic {
+ text-transform: uppercase; }
+ .tweet .tweet_list li, .query .tweet_list li {
+ overflow-y: auto;
+ overflow-x: hidden;
+ padding: .5em; }
+ .tweet .tweet_list li a, .query .tweet_list li a {
+ color: #0C717A; }
+ .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
+ background-color: #91E5E7; }
+ .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
+ padding-right: .5em;
+ float: left; }
+ .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar
img {
+ vertical-align: middle; }
Added: openejb/trunk/website/tweet/jquery.tweet.js
URL:
http://svn.apache.org/viewvc/openejb/trunk/website/tweet/jquery.tweet.js?rev=1127342&view=auto
==============================================================================
--- openejb/trunk/website/tweet/jquery.tweet.js (added)
+++ openejb/trunk/website/tweet/jquery.tweet.js Wed May 25 00:27:45 2011
@@ -0,0 +1,241 @@
+(function($) {
+
+ $.fn.tweet = function(o){
+ var s = $.extend({
+ username: null, // [string or array] required
unless using the 'query' option; one or more twitter screen names
+ list: null, // [string] optional name of
list belonging to username
+ favorites: false, // [boolean] display the
user's favorites instead of his tweets
+ query: null, // [string] optional search
query
+ avatar_size: null, // [integer] height and width
of avatar if displayed (48px max)
+ count: 3, // [integer] how many tweets
to display?
+ fetch: null, // [integer] how many tweets
to fetch via the API (set this higher than 'count' if using the 'filter' option)
+ retweets: true, // [boolean] whether to fetch
(official) retweets (not supported in all display modes)
+ intro_text: null, // [string] do you want text
BEFORE your your tweets?
+ outro_text: null, // [string] do you want text
AFTER your tweets?
+ join_text: null, // [string] optional text in
between date and tweet, try setting to "auto"
+ auto_join_text_default: "i said,", // [string] auto text for
non verb: "i said" bullocks
+ auto_join_text_ed: "i", // [string] auto text for
past tense: "i" surfed
+ auto_join_text_ing: "i am", // [string] auto tense for
present tense: "i was" surfing
+ auto_join_text_reply: "i replied to", // [string] auto tense for
replies: "i replied to" @someone "with"
+ auto_join_text_url: "i was looking at", // [string] auto tense for
urls: "i was looking at" http:...
+ loading_text: null, // [string] optional loading
text, displayed while tweets load
+ refresh_interval: null , // [integer] optional number
of seconds after which to reload tweets
+ twitter_url: "twitter.com", // [string] custom twitter
url, if any (apigee, etc.)
+ twitter_api_url: "api.twitter.com", // [string] custom twitter
api url, if any (apigee, etc.)
+ twitter_search_url: "search.twitter.com", // [string] custom twitter
search url, if any (apigee, etc.)
+ template: "{avatar}{time}{join}{text}", // [string or function]
template used to construct each tweet <li> - see code for available vars
+ comparator: function(tweet1, tweet2) { // [function] comparator used
to sort tweets (see Array.sort)
+ return tweet2["tweet_time"] - tweet1["tweet_time"];
+ },
+ filter: function(tweet) { // [function] whether or not
to include a particular tweet (be sure to also set 'fetch')
+ return true;
+ }
+ }, o);
+
+ $.fn.extend({
+ linkUrl: function() {
+ var returning = [];
+ // See
http://daringfireball.net/2010/07/improved_regex_for_matching_urls
+ var regexp =
/\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»ââââ]))/gi;
+ this.each(function() {
+ returning.push(this.replace(regexp,
+ function(match) {
+ var url = (/^[a-z]+:/i).test(match) ?
match : "http://"+match;
+ return "<a
href=\""+url+"\">"+match+"</a>";
+ }));
+ });
+ return $(returning);
+ },
+ linkUser: function() {
+ var returning = [];
+ var regexp = /[\@]+(\w+)/gi;
+ this.each(function() {
+ returning.push(this.replace(regexp,"@<a
href=\"http://"+s.twitter_url+"/$1\";>$1</a>"));
+ });
+ return $(returning);
+ },
+ linkHash: function() {
+ var returning = [];
+ // Support various latin1 (\u00**) and arabic (\u06**) alphanumeric
chars
+ var regexp = /(?:^|
)[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi;
+ var usercond = (s.username && s.username.length == 1) ?
'&from='+s.username.join("%2BOR%2B") : '';
+ this.each(function() {
+ returning.push(this.replace(regexp, ' <a
href="http://'+s.twitter_search_url+'/search?q=&tag=$1&lang=all'+usercond+'">#$1</a>'));
+ });
+ return $(returning);
+ },
+ capAwesome: function() {
+ var returning = [];
+ this.each(function() {
+ returning.push(this.replace(/\b(awesome)\b/gi, '<span
class="awesome">$1</span>'));
+ });
+ return $(returning);
+ },
+ capEpic: function() {
+ var returning = [];
+ this.each(function() {
+ returning.push(this.replace(/\b(epic)\b/gi, '<span
class="epic">$1</span>'));
+ });
+ return $(returning);
+ },
+ makeHeart: function() {
+ var returning = [];
+ this.each(function() {
+ returning.push(this.replace(/(<)+[3]/gi, "<tt
class='heart'>♥</tt>"));
+ });
+ return $(returning);
+ }
+ });
+
+ function parse_date(date_str) {
+ // The non-search twitter APIs return inconsistently-formatted dates,
which Date.parse
+ // cannot handle in IE. We therefore perform the following
transformation:
+ // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
+ return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)(
\d{4})$/i, '$1,$2$4$3'));
+ }
+
+ function relative_time(date) {
+ var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
+ var delta = parseInt((relative_to.getTime() - date) / 1000, 10);
+ var r = '';
+ if (delta < 60) {
+ r = delta + ' seconds ago';
+ } else if(delta < 120) {
+ r = 'a minute ago';
+ } else if(delta < (45*60)) {
+ r = (parseInt(delta / 60, 10)).toString() + ' minutes ago';
+ } else if(delta < (2*60*60)) {
+ r = 'an hour ago';
+ } else if(delta < (24*60*60)) {
+ r = '' + (parseInt(delta / 3600, 10)).toString() + ' hours ago';
+ } else if(delta < (48*60*60)) {
+ r = 'a day ago';
+ } else {
+ r = (parseInt(delta / 86400, 10)).toString() + ' days ago';
+ }
+ return 'about ' + r;
+ }
+
+ function build_url() {
+ var proto = ('https:' == document.location.protocol ? 'https:' :
'http:');
+ var count = (s.fetch === null) ? s.count : s.fetch;
+ if (s.list) {
+ return
proto+"//"+s.twitter_api_url+"/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+count+"&callback=?";
+ } else if (s.favorites) {
+ return
proto+"//"+s.twitter_api_url+"/favorites/"+s.username[0]+".json?count="+s.count+"&callback=?";
+ } else if (s.query === null && s.username.length == 1) {
+ return
proto+'//'+s.twitter_api_url+'/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+count+(s.retweets
? '&include_rts=1' : '')+'&callback=?';
+ } else {
+ var query = (s.query || 'from:'+s.username.join(' OR from:'));
+ return
proto+'//'+s.twitter_search_url+'/search.json?&q='+encodeURIComponent(query)+'&rpp='+count+'&callback=?';
+ }
+ }
+
+ return this.each(function(i, widget){
+ var list = $('<ul class="tweet_list">').appendTo(widget);
+ var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
+ var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
+ var loading = $('<p class="loading">'+s.loading_text+'</p>');
+
+ if(s.username && typeof(s.username) == "string"){
+ s.username = [s.username];
+ }
+
+ var expand_template = function(info) {
+ if (typeof s.template === "string") {
+ var result = s.template;
+ for(var key in info) {
+ var val = info[key];
+ result = result.replace(new RegExp('{'+key+'}','g'), val === null
? '' : val);
+ }
+ return result;
+ } else return s.template(info);
+ };
+
+ if (s.loading_text) $(widget).append(loading);
+ $(widget).bind("load", function(){
+ $.getJSON(build_url(), function(data){
+ if (s.loading_text) loading.remove();
+ if (s.intro_text) list.before(intro);
+ list.empty();
+
+ var tweets = $.map(data.results || data, function(item){
+ var join_text = s.join_text;
+
+ // auto join text based on verb tense and content
+ if (s.join_text == "auto") {
+ if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
+ join_text = s.auto_join_text_reply;
+ } else if
(item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
+ join_text = s.auto_join_text_url;
+ } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
+ join_text = s.auto_join_text_ed;
+ } else if (item.text.match(/^(\w*ing) .*/i)) {
+ join_text = s.auto_join_text_ing;
+ } else {
+ join_text = s.auto_join_text_default;
+ }
+ }
+
+ // Basic building blocks for constructing tweet <li> using a
template
+ var screen_name = item.from_user || item.user.screen_name;
+ var source = item.source;
+ var user_url = "http://"+s.twitter_url+"/"+screen_name;
+ var avatar_size = s.avatar_size;
+ var avatar_url = item.profile_image_url ||
item.user.profile_image_url;
+ var tweet_url =
"http://"+s.twitter_url+"/"+screen_name+"/status/"+item.id_str;
+ var retweet = (typeof(item.retweeted_status) != 'undefined');
+ var retweeted_screen_name = retweet ?
item.retweeted_status.user.screen_name : null;
+ var tweet_time = parse_date(item.created_at);
+ var tweet_relative_time = relative_time(tweet_time);
+ var tweet_raw_text = retweet ? ('RT @'+retweeted_screen_name+'
'+item.retweeted_status.text) : item.text; // avoid '...' in long retweets
+ var tweet_text =
$([tweet_raw_text]).linkUrl().linkUser().linkHash()[0];
+
+ // Default spans, and pre-formatted blocks for common layouts
+ var user = '<a class="tweet_user"
href="'+user_url+'">'+screen_name+'</a>';
+ var join = ((s.join_text) ? ('<span class="tweet_join">
'+join_text+' </span>') : ' ');
+ var avatar = (avatar_size ?
+ ('<a class="tweet_avatar" href="'+user_url+'"><img
src="'+avatar_url+
+ '" height="'+avatar_size+'" width="'+avatar_size+
+ '" alt="'+screen_name+'\'s avatar"
title="'+screen_name+'\'s avatar" border="0"/></a>') : '');
+ var time = '<span class="tweet_time"><a href="'+tweet_url+'"
title="view tweet on twitter">'+tweet_relative_time+'</a></span>';
+ var text = '<span
class="tweet_text">'+$([tweet_text]).makeHeart().capAwesome().capEpic()[0]+
'</span>';
+
+ return { item: item, // For advanced users who want to dig out
other info
+ screen_name: screen_name,
+ user_url: user_url,
+ avatar_size: avatar_size,
+ avatar_url: avatar_url,
+ source: source,
+ tweet_url: tweet_url,
+ tweet_time: tweet_time,
+ tweet_relative_time: tweet_relative_time,
+ tweet_raw_text: tweet_raw_text,
+ tweet_text: tweet_text,
+ retweet: retweet,
+ retweeted_screen_name: retweeted_screen_name,
+ user: user,
+ join: join,
+ avatar: avatar,
+ time: time,
+ text: text
+ };
+ });
+
+ tweets = $.grep(tweets, s.filter).sort(s.comparator).slice(0,
s.count);
+ list.append($.map(tweets,
+ function(t) { return "<li>" + expand_template(t) +
"</li>"; }).join('')).
+ children('li:first').addClass('tweet_first').end().
+ children('li:odd').addClass('tweet_even').end().
+ children('li:even').addClass('tweet_odd');
+
+ if (s.outro_text) list.after(outro);
+ $(widget).trigger("loaded").trigger((tweets.length === 0 ? "empty" :
"full"));
+ if (s.refresh_interval) {
+ window.setTimeout(function() { $(widget).trigger("load"); }, 1000
* s.refresh_interval);
+ }
+ });
+ }).trigger("load");
+ });
+ };
+})(jQuery);
