[livejournal] r23238: LJSUP-14136: [Friends Feed] Optimize lik...

U   trunk/htdocs/js/livejournal.js

Modified: trunk/htdocs/js/livejournal.js
===================================================================
--- trunk/htdocs/js/livejournal.js	2012-11-01 11:53:27 UTC (rev 23237)
+++ trunk/htdocs/js/livejournal.js	2012-11-01 12:03:19 UTC (rev 23238)
@@ -407,102 +407,123 @@
 	}, 'json');
 };
 
-LiveJournal.parseLikeButtons = function(ctx) {
-	try {
-		window.FB.XFBML.parse( jQuery(ctx).find('[action=recommend]').parent().get(0) );
-	} catch (e) {
-		console.warn(e.message);
+LiveJournal.parseLikeButtons = (function ($) {
+	'use strict';
+
+	/**
+	 * Parse lj-like buttons
+	 * @param  {Object} context jQuery Node (with class .lj-like)
+	 */
+	function parse($node) {
+		parseFacebook($node);
+		parseGoogle($node);
+		parseTwitter($node);
+		parseTumblr($node);
+		parseSurfingbird($node);
+		parseRepost($node);
 	}
 
-	try {
-		if (jQuery.browser.msie) {
-			var replaceNode, attrs, j, node;
-			var nodes = document.body.getElementsByTagName('plusone');
+	/**
+	 * Parse facebook likes
+	 * @param  {jQuery} $node jQuery collection
+	 */
+	function parseFacebook($node) {
+		try {
+			window.FB.XFBML.parse( $node.find('.lj-like-item-facebook').get(0) );
+		} catch (e) {
+			console.warn(e.message);
+		}
+	}
 
-			for (var i = 0, l = nodes.length; i < l; ++i) {
-				replaceNode = document.createElement('g:plusone');
-				node = nodes[i];
-				attrs = node.attributes;
+	/**
+	 * Parse google +1 button
+	 * @param  {jQuery} $node jQuery node with likes in which we will search for google +1 button for parsing
+	 */
+	function parseGoogle($node) {
+		// gapi could
+		try {
+			gapi.plusone.go( $node.find('.lj-like-item-google').get(0) );
+		} catch (e) {
+			console.warn(e.message);
+		}
+	}
 
-				for (j = 0; j < attrs.length; ++j) {
-					if (attrs[j].specified) {
-						replaceNode.setAttribute(attrs[j].nodeName, attrs[j].nodeValue);
-					}
-				}
+	function parseTwitter($node) {
+		var params = null,
+			iframe = null,
+			link = $node.children('.lj-like-item-twitter')
+						.children()
+						.eq(0);
 
-				node.parentNode.replaceChild(replaceNode, node);
-			}
-		}
+		params = {
+			url: link.data('url'),
+			text: link.data('text'),
+			count: link.data('count'),
+			lang: link.data('lang')
+		};
 
-		gapi.plusone.go();
-	} catch(e) {}
+		iframe = $('<iframe />', {
+			frameborder: 0,
+			scrolling: 'no',
+			allowtransparency: true,
+			src: LiveJournal.constructUrl('http://platform.twitter.com/widgets/tweet_button.html', params)
+		})
+		.css({
+			width: 110,
+			height: 20
+		});
 
-	jQuery('a.twitter-share-button', ctx || document).each(function() {
-		if (this.href != 'http://twitter.com/share') {
-			return;
-		}
+		link.replaceWith(iframe);
+	}
 
-		var link = jQuery(this), params = {
-			url: link.attr('data-url'),
-			text: link.attr('data-text'),
-			count: link.attr('data-count'),
-			lang: link.attr('data-lang')
+	function parseSurfingbird($node) {
+		var link = $node.find('.surfinbird__like_button'),
+			iframe = null,
+			params = null;
+
+		params = {
+			url: link.data('url'),
+			caption: link.data('text'),
+			layout: 'common'
 		};
 
-		link.replaceWith(jQuery('<iframe frameborder="0" scrolling="no" allowtransparency="true" />').css({
-			width: '110px',
-			height: '20px'
+		iframe = $('<iframe />', {
+			frameborder: 0,
+			scrolling: 'no',
+			allowtransparency: true,
+			src: LiveJournal.constructUrl('http://surfingbird.ru/button', params)
 		})
-		.attr('src', LiveJournal.constructUrl('http://platform.twitter.com/widgets/tweet_button.html', params))
-		.insertBefore(link));
-	});
+		.css({
+			width: 110,
+			height: 20
+		});
 
-	jQuery('a.surfinbird__like_button', ctx || document).each(function () {
-		if (this.href !== 'http://surfingbird.ru/share') {
-			return;
-		}
-
-		var link = jQuery(this),
-			params = {
-				url: link.attr('data-url'),
-				caption: link.attr('data-text'),
-				layout: 'common'
-			},
-			iframe = jQuery('<iframe frameborder="0" scrollin="no" allowtransparency="true" />')
-				.css({
-					width: '110px',
-					height: '20px'
-				})
-				.attr('src', LiveJournal.constructUrl('http://surfingbird.ru/button', params))
-				.insertBefore(link)
-
 		link.replaceWith(iframe);
-	});
+	}
 
-	jQuery('a.tumblr-share-button', ctx || document).each(function () {
-		if (this.href !== 'http://tumblr.com/share/link') {
-			return;
-		}
-
-		var link = jQuery(this),
+	function parseTumblr($node) {
+		var link = $node.find('.tumblr-share-button'),
+			href = link.attr('href'),
 			params = {
-				url: link.attr('data-url'),
-				name: link.attr('data-title')
+				url: link.data('url'),
+				name: link.data('title')
 			};
 
-		link.attr('href', LiveJournal.constructUrl(link.attr('href'), params));
-	});
+		link.attr('href', LiveJournal.constructUrl(href, params));
+	}
 
-	jQuery('div.lj-like-item-repost > a', ctx || document).each(function() {
-		var link = jQuery(this),
+	function parseRepost($node) {
+		var link = $node.find('.lj-like-item-repost').find('a'),
 			url = link.data('url');
 
 		LJ.Api.call('repost.get_status', { url: url }, function (data) {
 			link.replaceWith(LiveJournal.renderRepostButton(url, data));
 		});
-	});
-};
+	}
 
+	return parse;
+}(jQuery));
+
 LiveJournal.renderRepostButton = function (url, data) {
 	data = data || {};