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>
 
@@ -12,21 +12,22 @@
 	<div class="search {search_display} well">
 		<div class="input-group">
 			<input class="form-control" id="search-user" type="text" placeholder="[[users:enter_username]]"/>
-	        <span class="input-group-addon">
-	        	<span id="user-notfound-notify"><i class="fa fa-search"></i></span>
-	        </span>
+			<span class="input-group-addon">
+				<span id="user-notfound-notify"><i class="fa fa-search"></i></span>
+			</span>
 		</div>
 	</div>
 
 	<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">
-				<a href="{relative_path}/user/{users.userslug}">{users.username}</a>
+				<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);