mirror of
https://github.com/flarum/framework.git
synced 2025-05-30 20:15:50 +08:00
Added user online indicator to post
This commit is contained in:
@ -45,6 +45,7 @@ export default class PostUser extends Component {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="PostUser">
|
<div className="PostUser">
|
||||||
|
{useronline(user)}
|
||||||
<h3>
|
<h3>
|
||||||
<a href={app.route.user(user)} config={m.route}>
|
<a href={app.route.user(user)} config={m.route}>
|
||||||
{avatar(user, {className: 'PostUser-avatar'})}{' '}{username(user)}
|
{avatar(user, {className: 'PostUser-avatar'})}{' '}{username(user)}
|
||||||
|
13
js/lib/helpers/useronline.js
Normal file
13
js/lib/helpers/useronline.js
Normal file
@ -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>;
|
||||||
|
}
|
||||||
|
}
|
@ -49,6 +49,16 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.UserOnline {
|
||||||
|
& .icon {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .fa-circle {
|
||||||
|
color: @online-user-circle-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.UserCard {
|
.UserCard {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -10px;
|
top: -10px;
|
||||||
|
Reference in New Issue
Block a user