mirror of
https://github.com/flarum/framework.git
synced 2025-05-23 23:29:57 +08:00
49d59089e4
- Changes all `app.trans` calls to `app.translator.trans` calls. - Changes existing keys to [three-tier namespace structure](https://github.com/flarum/english/pull/12). - Extracts additional strings for `lib:` namespace. - Extracts two previously missed strings for EditGroupModal.js.
46 lines
1.5 KiB
JavaScript
46 lines
1.5 KiB
JavaScript
import Component from 'flarum/Component';
|
|
import humanTime from 'flarum/helpers/humanTime';
|
|
import fullTime from 'flarum/helpers/fullTime';
|
|
|
|
/**
|
|
* The `PostMeta` component displays the time of a post, and when clicked, shows
|
|
* a dropdown containing more information about the post (number, full time,
|
|
* permalink).
|
|
*
|
|
* ### Props
|
|
*
|
|
* - `post`
|
|
*/
|
|
export default class PostMeta extends Component {
|
|
view() {
|
|
const post = this.props.post;
|
|
const time = post.time();
|
|
const permalink = window.location.origin + app.route.post(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() {
|
|
setTimeout(() => $(this).parent().find('.PostMeta-permalink').select());
|
|
|
|
m.redraw.strategy('none');
|
|
};
|
|
|
|
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>{' '}
|
|
{fullTime(time)}
|
|
{touch
|
|
? <a className="Button PostMeta-permalink" href={permalink}>{permalink}</a>
|
|
: <input className="FormControl PostMeta-permalink" value={permalink} onclick={e => e.stopPropagation()} />}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|