mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 08:27:42 +02:00
Code Issues Releases Wiki Activity

[1.x] [extensibility] chore: make PostMeta extensible (#4040)

Browse Source 
* chore: make PostMeta extensible

* add prio for ip item
This commit is contained in:
IanM
2024-09-29 12:06:04 +01:00
committed by GitHub
parent 444df80caf
commit 6dd0c0e915
1 changed files with 69 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
framework/core/js/src/forum/components/PostMeta.js
View File

@@ -2,6 +2,7 @@ import app from '../../forum/app';
import Component from '../../common/Component';
import humanTime from '../../common/helpers/humanTime';
import fullTime from '../../common/helpers/fullTime';
import ItemList from '../../common/utils/ItemList';
/**
* The `PostMeta` component displays the time of a post, and when clicked, shows
@@ -14,38 +15,7 @@ import fullTime from '../../common/helpers/fullTime';
*/
export default class PostMeta extends Component {
view() {
const post = this.attrs.post;
const time = post.createdAt();
const permalink = this.getPermalink(post);
const touch = 'ontouchstart' in document.documentElement;
// When the dropdown menu is shown, select the contents of the permalink
// input so that the user can quickly copy the URL.
const selectPermalink = function (e) {
setTimeout(() => $(this).parent().find('.PostMeta-permalink').select());
e.redraw = false;
};
return (
<div className="Dropdown PostMeta">
<a className="Dropdown-toggle" onclick={selectPermalink} data-toggle="dropdown">
{humanTime(time)}
</a>
<div className="Dropdown-menu dropdown-menu">
<span className="PostMeta-number">{app.translator.trans('core.forum.post.number_tooltip', { number: post.number() })}</span>{' '}
<span className="PostMeta-time">{fullTime(time)}</span> <span className="PostMeta-ip">{post.data.attributes.ipAddress}</span>
{touch ? (
<a className="Button PostMeta-permalink" href={permalink}>
{permalink}
</a>
) : (
<input className="FormControl PostMeta-permalink" value={permalink} onclick={(e) => e.stopPropagation()} />
)}
</div>
</div>
);
return <div className="Dropdown PostMeta">{this.viewItems().toArray()}</div>;
}
/**
@@ -57,4 +27,71 @@ export default class PostMeta extends Component {
getPermalink(post) {
return app.forum.attribute('baseOrigin') + app.route.post(post);
}
/**
* When the dropdown menu is shown, select the contents of the permalink
* input so that the user can quickly copy the URL.
* @param {Event} e
*/
selectPermalink(e) {
setTimeout(() => $(this.element).parent().find('.PostMeta-permalink').select());
e.redraw = false;
}
/**
* @returns {ItemList}
*/
viewItems() {
const items = new ItemList();
const post = this.attrs.post;
const time = post.createdAt();
items.add(
'time',
<a className="Dropdown-toggle" onclick={(e) => this.selectPermalink(e)} data-toggle="dropdown">
{humanTime(time)}
</a>,
100
);
items.add('meta-dropdown', <div className="Dropdown-menu dropdown-menu">{this.metaItems().toArray()}</div>, 90);
return items;
}
/**
* @returns {ItemList}
*/
metaItems() {
const items = new ItemList();
const post = this.attrs.post;
const touch = 'ontouchstart' in document.documentElement;
const permalink = this.getPermalink(post);
const time = post.createdAt();
items.add(
'post-number',
<span className="PostMeta-number">{app.translator.trans('core.forum.post.number_tooltip', { number: post.number() })} </span>,
100
);
items.add('post-time', <span className="PostMeta-time">{fullTime(time)}</span>, 90);
items.add('post-ip', <span className="PostMeta-ip">{post.data.attributes.ipAddress}</span>, 80);
items.add(
'permalink',
touch ? (
<a className="Button PostMeta-permalink" href={permalink}>
{permalink}
</a>
) : (
<input className="FormControl PostMeta-permalink" value={permalink} onclick={(e) => e.stopPropagation()} />
),
0
);
return items;
}
}