closes #928, closes #930

public/templates/users.tpl

@@ -1,9 +1,9 @@
 <div class="users">
 	<ul class="nav nav-pills">
+		<li class=''><a href='{relative_path}/users/online'>[[users:online]]</a></li>
 		<li class=''><a href='{relative_path}/users/latest'>[[users:latest_users]]</a></li>
 		<li class=''><a href='{relative_path}/users/sort-posts'>[[users:top_posters]]</a></li>
 		<li class=''><a href='{relative_path}/users/sort-reputation'>[[users:most_reputation]]</a></li>
-		<li class=''><a href='{relative_path}/users/online'>[[users:online]]</a></li>
 		<li class=''><a href='{relative_path}/users/search'>[[users:search]]</a></li>
 	</ul>
 
@@ -21,12 +21,13 @@
 	<ul id="users-container" class="users-container">
 		<!-- BEGIN users -->
 		<li class="users-box registered-user">
-			<a href="{relative_path}/user/{users.userslug}">
-				<img src="{users.picture}" class="img-thumbnail"/>
-			</a>
+			<a href="{relative_path}/user/{users.userslug}"><img src="{users.picture}" class="img-thumbnail"/></a>
 			<br/>
 			<div class="user-info">
+				<span>
+					<i class="fa fa-circle status {users.status}"></i>
 					<a href="{relative_path}/user/{users.userslug}">{users.username}</a>
+				</span>
 				<br/>
 				<div title="reputation" class="reputation">
 					<i class='fa fa-star'></i>

src/routes/user.js

@@ -446,7 +446,7 @@ var fs = require('fs'),
 			});
 		});
 
-		app.get('/api/users', getUsersSortedByJoinDate);
+		app.get('/api/users', getOnlineUsers);
 		app.get('/api/users/sort-posts', getUsersSortedByPosts);
 		app.get('/api/users/sort-reputation', getUsersSortedByReputation);
 		app.get('/api/users/latest', getUsersSortedByJoinDate);