mirror of
https://github.com/flarum/core.git
synced 2025-08-08 09:26:34 +02:00
update: forum/components/PostUser
This commit is contained in:
committed by
Franz Liedke
parent
7498f5e506
commit
2c93b5f801
@@ -8,13 +8,13 @@ import listItems from '../../common/helpers/listItems';
|
|||||||
/**
|
/**
|
||||||
* The `PostUser` component shows the avatar and username of a post's author.
|
* The `PostUser` component shows the avatar and username of a post's author.
|
||||||
*
|
*
|
||||||
* ### Props
|
* ### Attrs
|
||||||
*
|
*
|
||||||
* - `post`
|
* - `post`
|
||||||
*/
|
*/
|
||||||
export default class PostUser extends Component {
|
export default class PostUser extends Component {
|
||||||
view() {
|
view() {
|
||||||
const post = this.props.post;
|
const post = this.attrs.post;
|
||||||
const user = post.user();
|
const user = post.user();
|
||||||
|
|
||||||
if (!user) {
|
if (!user) {
|
||||||
@@ -29,7 +29,7 @@ export default class PostUser extends Component {
|
|||||||
|
|
||||||
let card = '';
|
let card = '';
|
||||||
|
|
||||||
if (!post.isHidden() && this.props.cardVisible) {
|
if (!post.isHidden() && this.attrs.cardVisible) {
|
||||||
card = UserCard.component({
|
card = UserCard.component({
|
||||||
user,
|
user,
|
||||||
className: 'UserCard--popover',
|
className: 'UserCard--popover',
|
||||||
@@ -40,7 +40,7 @@ export default class PostUser extends Component {
|
|||||||
return (
|
return (
|
||||||
<div className="PostUser">
|
<div className="PostUser">
|
||||||
<h3>
|
<h3>
|
||||||
<a href={app.route.user(user)} config={m.route}>
|
<a route={app.route.user(user)}>
|
||||||
{avatar(user, { className: 'PostUser-avatar' })}
|
{avatar(user, { className: 'PostUser-avatar' })}
|
||||||
{userOnline(user)}
|
{userOnline(user)}
|
||||||
{username(user)}
|
{username(user)}
|
||||||
@@ -52,8 +52,8 @@ export default class PostUser extends Component {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
config(isInitialized) {
|
oncreate(vnode) {
|
||||||
if (isInitialized) return;
|
super.oncreate(vnode);
|
||||||
|
|
||||||
let timeout;
|
let timeout;
|
||||||
|
|
||||||
@@ -72,7 +72,7 @@ export default class PostUser extends Component {
|
|||||||
* Show the user card.
|
* Show the user card.
|
||||||
*/
|
*/
|
||||||
showCard() {
|
showCard() {
|
||||||
this.props.oncardshow();
|
this.attrs.oncardshow();
|
||||||
|
|
||||||
setTimeout(() => this.$('.UserCard').addClass('in'));
|
setTimeout(() => this.$('.UserCard').addClass('in'));
|
||||||
}
|
}
|
||||||
@@ -84,7 +84,7 @@ export default class PostUser extends Component {
|
|||||||
this.$('.UserCard')
|
this.$('.UserCard')
|
||||||
.removeClass('in')
|
.removeClass('in')
|
||||||
.one('transitionend webkitTransitionEnd oTransitionEnd', () => {
|
.one('transitionend webkitTransitionEnd oTransitionEnd', () => {
|
||||||
this.props.oncardhide();
|
this.attrs.oncardhide();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user