mirror of
https://github.com/flarum/core.git
synced 2025-07-10 11:26:24 +02:00
d268894e61
* fix: `extend.ts` TS error * docs: fix incorrect JS docblocks * chore: simplify some code * chore: remove usages of prefixed JS function * chore: consistent empty return types * chore: format * fix: typing errors * chore: remove unneeded `@public` docblock modifiers * Apply suggestions from code review * Update js/src/forum/utils/slidable.js Co-authored-by: Alexander Skvortsov <38059171+askvortsov1@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: Alexander Skvortsov <38059171+askvortsov1@users.noreply.github.com>
100 lines
2.5 KiB
JavaScript
100 lines
2.5 KiB
JavaScript
import app from '../../forum/app';
|
|
import avatar from '../../common/helpers/avatar';
|
|
import username from '../../common/helpers/username';
|
|
import Dropdown from '../../common/components/Dropdown';
|
|
import LinkButton from '../../common/components/LinkButton';
|
|
import Button from '../../common/components/Button';
|
|
import ItemList from '../../common/utils/ItemList';
|
|
import Separator from '../../common/components/Separator';
|
|
|
|
/**
|
|
* The `SessionDropdown` component shows a button with the current user's
|
|
* avatar/name, with a dropdown of session controls.
|
|
*/
|
|
export default class SessionDropdown extends Dropdown {
|
|
static initAttrs(attrs) {
|
|
super.initAttrs(attrs);
|
|
|
|
attrs.className = 'SessionDropdown';
|
|
attrs.buttonClassName = 'Button Button--user Button--flat';
|
|
attrs.menuClassName = 'Dropdown-menu--right';
|
|
|
|
attrs.accessibleToggleLabel = app.translator.trans('core.forum.header.session_dropdown_accessible_label');
|
|
}
|
|
|
|
view(vnode) {
|
|
return super.view({ ...vnode, children: this.items().toArray() });
|
|
}
|
|
|
|
getButtonContent() {
|
|
const user = app.session.user;
|
|
|
|
return [avatar(user), ' ', <span className="Button-label">{username(user)}</span>];
|
|
}
|
|
|
|
/**
|
|
* Build an item list for the contents of the dropdown menu.
|
|
*
|
|
* @return {ItemList<import('mithril').Children>}
|
|
*/
|
|
items() {
|
|
const items = new ItemList();
|
|
const user = app.session.user;
|
|
|
|
items.add(
|
|
'profile',
|
|
LinkButton.component(
|
|
{
|
|
icon: 'fas fa-user',
|
|
href: app.route.user(user),
|
|
},
|
|
app.translator.trans('core.forum.header.profile_button')
|
|
),
|
|
100
|
|
);
|
|
|
|
items.add(
|
|
'settings',
|
|
LinkButton.component(
|
|
{
|
|
icon: 'fas fa-cog',
|
|
href: app.route('settings'),
|
|
},
|
|
app.translator.trans('core.forum.header.settings_button')
|
|
),
|
|
50
|
|
);
|
|
|
|
if (app.forum.attribute('adminUrl')) {
|
|
items.add(
|
|
'administration',
|
|
LinkButton.component(
|
|
{
|
|
icon: 'fas fa-wrench',
|
|
href: app.forum.attribute('adminUrl'),
|
|
target: '_blank',
|
|
},
|
|
app.translator.trans('core.forum.header.admin_button')
|
|
),
|
|
0
|
|
);
|
|
}
|
|
|
|
items.add('separator', Separator.component(), -90);
|
|
|
|
items.add(
|
|
'logOut',
|
|
Button.component(
|
|
{
|
|
icon: 'fas fa-sign-out-alt',
|
|
onclick: app.session.logout.bind(app.session),
|
|
},
|
|
app.translator.trans('core.forum.header.log_out_button')
|
|
),
|
|
-100
|
|
);
|
|
|
|
return items;
|
|
}
|
|
}
|