From 404865c32ec2e0b8cc41dd4989d668b875369db2 Mon Sep 17 00:00:00 2001
From: Baris Usakli <barisusakli@gmail.com>
Date: Fri, 1 Nov 2013 14:55:55 -0400
Subject: [PATCH] closes #429

---
 public/src/forum/footer.js  | 24 ------------------------
 public/src/forum/home.js    | 30 ++++++++++++++++++++++++++++++
 public/templates/footer.tpl | 23 -----------------------
 public/templates/home.tpl   | 25 ++++++++++++++++++++++++-
 4 files changed, 54 insertions(+), 48 deletions(-)
 create mode 100644 public/src/forum/home.js

diff --git a/public/src/forum/footer.js b/public/src/forum/footer.js
index fa2240a93c..df9c52ac6f 100644
--- a/public/src/forum/footer.js
+++ b/public/src/forum/footer.js
@@ -1,28 +1,4 @@
 (function() {
-	var stats_users = document.getElementById('stats_users'),
-		stats_topics = document.getElementById('stats_topics'),
-		stats_posts = document.getElementById('stats_posts'),
-		stats_online = document.getElementById('stats_online'),
-		user_label = document.getElementById('user_label');
-
-	socket.emit('user.count', {});
-	socket.on('user.count', function(data) {
-		stats_users.innerHTML = utils.makeNumberHumanReadable(data.count);
-		stats_users.title = data.count;
-	});
-
-	socket.emit('post.stats');
-	socket.on('post.stats', function(data) {
-		stats_topics.innerHTML = utils.makeNumberHumanReadable(data.topics);
-		stats_topics.title = data.topics;
-		stats_posts.innerHTML = utils.makeNumberHumanReadable(data.posts);
-		stats_posts.title = data.posts;
-	});
-
-	socket.emit('api:user.active.get');
-	socket.on('api:user.active.get', function(data) {
-		stats_online.innerHTML = data.users;
-	});
 
 	socket.emit('api:updateHeader', {
 		fields: ['username', 'picture', 'userslug']
diff --git a/public/src/forum/home.js b/public/src/forum/home.js
new file mode 100644
index 0000000000..971be662a6
--- /dev/null
+++ b/public/src/forum/home.js
@@ -0,0 +1,30 @@
+define(function() {
+	var	home = {};
+
+	home.init = function() {
+
+		ajaxify.register_events([
+			'user.count',
+			'post.stats',
+			'api:user.active.get'
+		]);
+
+		socket.emit('user.count', {});
+		socket.on('user.count', function(data) {
+			$('#stats_users').html(utils.makeNumberHumanReadable(data.count)).attr('title', data.count);
+		});
+
+		socket.emit('post.stats');
+		socket.on('post.stats', function(data) {
+			$('#stats_topics').html(utils.makeNumberHumanReadable(data.topics)).attr('title', data.topics);
+			$('#stats_posts').html(utils.makeNumberHumanReadable(data.posts)).attr('title', data.posts);
+		});
+
+		socket.emit('api:user.active.get');
+		socket.on('api:user.active.get', function(data) {
+			$('#stats_online').html(data.users);
+		});
+	}
+
+	return home;
+});
diff --git a/public/templates/footer.tpl b/public/templates/footer.tpl
index 85d380fbc2..85343f1e32 100644
--- a/public/templates/footer.tpl
+++ b/public/templates/footer.tpl
@@ -60,29 +60,6 @@
 
 
 	<footer id="footer" class="container footer">
-		<div class="row footer-stats">
-			<div class="col-md-3 col-xs-6">
-				<div class="stats-card well">
-					<h2><span id="stats_online"></span><br /><small>[[footer:stats.online]]</small></h2>
-				</div>
-			</div>
-			<div class="col-md-3 col-xs-6">
-				<div class="stats-card well">
-					<h2><span id="stats_users"></span><br /><small>[[footer:stats.users]]</small></h2>
-				</div>
-			</div>
-			<div class="col-md-3 col-xs-6">
-				<div class="stats-card well">
-					<h2><span id="stats_topics"></span><br /><small>[[footer:stats.topics]]</small></h2>
-				</div>
-			</div>
-			<div class="col-md-3 col-xs-6">
-				<div class="stats-card well">
-					<h2><span id="stats_posts"></span><br /><small>[[footer:stats.posts]]</small></h2>
-				</div>
-			</div>
-		</div>
-
 		<div class="copyright">Copyright &copy; 2013 <a target="_blank" href="http://www.nodebb.org">NodeBB</a> by <a target="_blank" href="https://github.com/psychobunny">psychobunny</a>, <a href="https://github.com/julianlam" target="_blank">julianlam</a>, <a href="https://github.com/barisusakli" target="_blank">barisusakli</a> from <a target="_blank" href="http://www.designcreateplay.com">designcreateplay</a></div>
 	</footer>
 
diff --git a/public/templates/home.tpl b/public/templates/home.tpl
index da640ebdc7..48032a83b3 100644
--- a/public/templates/home.tpl
+++ b/public/templates/home.tpl
@@ -26,4 +26,27 @@
 		</a>
 	</div>
 	<!-- END categories -->
-</div>
\ No newline at end of file
+</div>
+
+<div class="row footer-stats">
+	<div class="col-md-3 col-xs-6">
+		<div class="stats-card well">
+			<h2><span id="stats_online"></span><br /><small>[[footer:stats.online]]</small></h2>
+		</div>
+	</div>
+	<div class="col-md-3 col-xs-6">
+		<div class="stats-card well">
+			<h2><span id="stats_users"></span><br /><small>[[footer:stats.users]]</small></h2>
+		</div>
+	</div>
+	<div class="col-md-3 col-xs-6">
+		<div class="stats-card well">
+			<h2><span id="stats_topics"></span><br /><small>[[footer:stats.topics]]</small></h2>
+		</div>
+	</div>
+	<div class="col-md-3 col-xs-6">
+		<div class="stats-card well">
+			<h2><span id="stats_posts"></span><br /><small>[[footer:stats.posts]]</small></h2>
+		</div>
+	</div>
+</div>