From 9098d61fe240f24f100f2a6be4596b954ccbf2b7 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian.lam@gmail.com>
Date: Tue, 25 Jun 2013 21:15:24 -0400
Subject: [PATCH] completed fb and g+ integration of buttons in category view

---
 public/src/forum/category.js  | 12 +++++++++++-
 public/templates/category.tpl |  6 ++++--
 src/categories.js             |  4 +++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/public/src/forum/category.js b/public/src/forum/category.js
index 83bea12460..0db384a34e 100644
--- a/public/src/forum/category.js
+++ b/public/src/forum/category.js
@@ -2,13 +2,23 @@
 	var cid = templates.get('category_id'),
 		room = 'category_' + cid,
 		twitterEl = document.getElementById('twitter-intent'),
-		twitter_url = templates.get('twitter-intent-url');
+		facebookEl = document.getElementById('facebook-share'),
+		googleEl = document.getElementById('google-share'),
+		twitter_url = templates.get('twitter-intent-url'),
+		facebook_url = templates.get('facebook-share-url'),
+		google_url = templates.get('google-share-url');
 		
 	app.enter_room(room);
 
 	twitterEl.addEventListener('click', function() {
 		window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
 	}, false);
+	facebookEl.addEventListener('click', function() {
+		window.open(facebook_url, '_blank', 'width=626,height=436,scrollbars=no,status=no');
+	}, false);
+	googleEl.addEventListener('click', function() {
+		window.open(google_url, '_blank', 'width=500,height=570,scrollbars=no,status=no');
+	}, false);
 
 	var new_post = document.getElementById('new_post');
 	new_post.onclick = function() {
diff --git a/public/templates/category.tpl b/public/templates/category.tpl
index 681638d828..50d7d3864d 100644
--- a/public/templates/category.tpl
+++ b/public/templates/category.tpl
@@ -49,9 +49,9 @@
 		<div class="sidebar-block img-polaroid">
 			<div class="block-header">
 				<a target="_blank" href="../{category_id}.rss"><i class="icon-rss-sign icon-2x"></i></a>&nbsp;
-				<i class="icon-facebook-sign icon-2x"></i>&nbsp;
+				<a href="#" id="facebook-share"><i class="icon-facebook-sign icon-2x"></i></a>&nbsp;
 				<a href="#" id="twitter-intent"><i class="icon-twitter-sign icon-2x"></i></a>&nbsp;
-				<i class="icon-google-plus-sign icon-2x"></i>&nbsp;
+				<a href="#" id="google-share"><i class="icon-google-plus-sign icon-2x"></i></a>&nbsp;
 			</div>
 		</div>
 		<div class="sidebar-block img-polaroid">
@@ -87,4 +87,6 @@
 
 <input type="hidden" template-variable="category_id" value="{category_id}" />
 <input type="hidden" template-variable="twitter-intent-url" value="{twitter-intent-url}" />
+<input type="hidden" template-variable="facebook-share-url" value="{facebook-share-url}" />
+<input type="hidden" template-variable="google-share-url" value="{google-share-url}" />
 <script type="text/javascript" src="/src/forum/category.js"></script>
\ No newline at end of file
diff --git a/src/categories.js b/src/categories.js
index 42ddfa065b..e3fe2fb683 100644
--- a/src/categories.js
+++ b/src/categories.js
@@ -31,7 +31,9 @@ var	RDB = require('./redis.js'),
 							'category_id': category_id,
 							'active_users': [],
 							'topics' : [],
-							'twitter-intent-url': 'https://twitter.com/intent/tweet?url=' + encodeURIComponent(global.config.url + 'category/' + category_slug) + '&text=' + encodeURIComponent(category_name)
+							'twitter-intent-url': 'https://twitter.com/intent/tweet?url=' + encodeURIComponent(global.config.url + 'category/' + category_slug) + '&text=' + encodeURIComponent(category_name),
+							'facebook-share-url': 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(global.config.url + 'category/' + category_slug),
+							'google-share-url': 'https://plus.google.com/share?url=' + encodeURIComponent(global.config.url + 'category/' + category_slug)
 						};
 
 					function getTopics(next) {