closes #573

public/src/app.js

@@ -297,6 +297,13 @@ var socket,
 		});
 	}
 
+	app.makeNumbersHumanReadable = function() {
+		$('.human-readable-number').each(function() {
+			var num = parseInt($(this).html(), 10);
+			$(this).html(utils.makeNumberHumanReadable(num));
+		});
+	}
+
 	app.processPage = function () {
 		app.populateOnlineUsers();
 
@@ -305,6 +312,8 @@ var socket,
 		$('span.timeago').timeago();
 		$('.post-content img').addClass('img-responsive');
 
+		app.makeNumbersHumanReadable();
+
 		app.createUserTooltips();
 
 		setTimeout(function () {

public/src/forum/category.js

@@ -143,14 +143,14 @@ define(function () {
 		container.append(html);
 
 		$('#topics-container span.timeago').timeago();
+		app.makeNumbersHumanReadable('#topics-container .human-readable-number');
 	}
 
-
 	Category.loadMoreTopics = function(cid) {
 		if (loadingMoreTopics) {
 			return;
 		}
-		
+
 		loadingMoreTopics = true;
 		socket.emit('api:category.loadMore', {
 			cid: cid,

public/src/forum/recent.js

@@ -91,6 +91,7 @@ define(function() {
 
 		container.append(html);
 		$('span.timeago').timeago();
+		app.makeNumbersHumanReadable('#topics-container .human-readable-number');
 	}
 
 	Recent.loadMoreTopics = function() {

public/src/forum/unread.js

@@ -81,6 +81,7 @@ define(function() {
 
 			container.append(html);
 			$('span.timeago').timeago();
+			app.makeNumbersHumanReadable('#topics-container .human-readable-number');
 		}
 
 		function loadMoreTopics() {

public/templates/category.tpl

@@ -46,12 +46,12 @@
 							<small>
 								<span class="topic-stats">
 									posts
-									<strong>{topics.postcount}</strong>
+									<strong class="human-readable-number" title="{topics.postcount}">{topics.postcount}</strong>
 								</span>
 								|
 								<span class="topic-stats">
 									views
-									<strong>{topics.viewcount}</strong>
+									<strong class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</strong>
 								</span>
 								|
 								<span>

public/templates/recent.tpl

@@ -33,12 +33,12 @@
 					<small>
 						<span class="topic-stats">
 							posts
-							<strong>{topics.postcount}</strong>
+							<strong class="human-readable-number" title="{topics.postcount}">{topics.postcount}</strong>
 						</span>
 						|
 						<span class="topic-stats">
 							views
-							<strong>{topics.viewcount}</strong>
+							<strong class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</strong>
 						</span>
 						|
 						<span>

public/templates/topic.tpl

@@ -116,9 +116,9 @@
 					<div class="inline-block">
 						<small class="topic-stats">
 							<span>posts</span>
-							<strong><span id="topic-post-count" class="formatted-number">{postcount}</span></strong> |
+							<strong><span id="topic-post-count" class="human-readable-number" title="{postcount}">{postcount}</span></strong> |
 							<span>views</span>
-							<strong><span class="formatted-number">{viewcount}</span></strong> |
+							<strong><span class="human-readable-number" title="{viewcount}">{viewcount}</span></strong> |
 							<span>browsing</span>
 						</small>
 						<div class="thread_active_users active-users inline-block"></div>

public/templates/unread.tpl

@@ -28,12 +28,12 @@
 						<small>
 							<span class="topic-stats">
 								posts
-								<strong>{topics.postcount}</strong>
+								<strong class="human-readable-number" title="{topics.postcount}">{topics.postcount}</strong>
 							</span>
 							|
 							<span class="topic-stats">
 								views
-								<strong>{topics.viewcount}</strong>
+								<strong class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</strong>
 							</span>
 							|
 							<span>