Merge pull request #676 from petermein/user-online-indicators

User online indicators

js/forum/src/components/PostUser.js

@@ -2,6 +2,7 @@ import Component from 'flarum/Component';
 import UserCard from 'flarum/components/UserCard';
 import avatar from 'flarum/helpers/avatar';
 import username from 'flarum/helpers/username';
+import userOnline from 'flarum/helpers/userOnline';
 import listItems from 'flarum/helpers/listItems';
 
 /**
@@ -45,6 +46,7 @@ export default class PostUser extends Component {
 
     return (
       <div className="PostUser">
+        {userOnline(user)}
         <h3>
           <a href={app.route.user(user)} config={m.route}>
             {avatar(user, {className: 'PostUser-avatar'})}{' '}{username(user)}

js/lib/helpers/userOnline.js

@@ -0,0 +1,13 @@
+import icon from 'flarum/helpers/icon';
+
+/**
+ * The `useronline` helper displays a green circle if the user is online
+ *
+ * @param {User} user
+ * @return {Object}
+ */
+export default function userOnline(user) {
+    if (user.lastSeenTime() && user.isOnline()) {
+        return <span className="UserOnline">{icon('circle')}</span>;
+    }
+}

less/forum/Post.less

@@ -49,6 +49,16 @@
     font-size: 14px;
   }
 
+  .UserOnline {
+    & .icon {
+      font-size: 12px;
+    }
+
+    & .fa-circle {
+      color: @online-user-circle-color;
+    }
+  }
+
   .UserCard {
     position: absolute;
     top: -10px;