mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-11 10:55:47 +02:00
Code Issues Releases Wiki Activity

update: forum/components/SessionDropdown

Browse Source
This commit is contained in:
Alexander Skvortsov
2020-08-08 12:31:23 -04:00
committed by Franz Liedke
parent 73891b751b
commit 4d68636544
2 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/src/forum/components/HeaderSecondary.js
View File

@@ -66,7 +66,7 @@ export default class HeaderSecondary extends Component {
if (app.session.user) { if (app.session.user) {
items.add('notifications', NotificationsDropdown.component({ state: app.notifications }), 10); items.add('notifications', NotificationsDropdown.component({ state: app.notifications }), 10);
// items.add('session', SessionDropdown.component(), 0); items.add('session', SessionDropdown.component(), 0);
} else { } else {
if (app.forum.attribute('allowSignUp')) { if (app.forum.attribute('allowSignUp')) {
items.add( items.add(

69
js/src/forum/components/SessionDropdown.js
View File

@@ -5,25 +5,24 @@ import LinkButton from '../../common/components/LinkButton';
import Button from '../../common/components/Button'; import Button from '../../common/components/Button';
import ItemList from '../../common/utils/ItemList'; import ItemList from '../../common/utils/ItemList';
import Separator from '../../common/components/Separator'; import Separator from '../../common/components/Separator';
import Group from '../../common/models/Group';
/** /**
* The `SessionDropdown` component shows a button with the current user's * The `SessionDropdown` component shows a button with the current user's
* avatar/name, with a dropdown of session controls. * avatar/name, with a dropdown of session controls.
*/ */
export default class SessionDropdown extends Dropdown { export default class SessionDropdown extends Dropdown {
static initProps(props) { initAttrs(attrs) {
super.initProps(props); super.initAttrs(attrs);
props.className = 'SessionDropdown'; attrs.className = 'SessionDropdown';
props.buttonClassName = 'Button Button--user Button--flat'; attrs.buttonClassName = 'Button Button--user Button--flat';
props.menuClassName = 'Dropdown-menu--right'; attrs.menuClassName = 'Dropdown-menu--right';
} }
view() { view(vnode) {
this.props.children = this.items().toArray(); vnode.children = this.items().toArray();
return super.view(); return super.view(vnode);
} }
getButtonContent() { getButtonContent() {
@@ -43,34 +42,40 @@ export default class SessionDropdown extends Dropdown {
items.add( items.add(
'profile', 'profile',
LinkButton.component({ LinkButton.component(
icon: 'fas fa-user', {
children: app.translator.trans('core.forum.header.profile_button'), icon: 'fas fa-user',
href: app.route.user(user), href: app.route.user(user),
}), },
app.translator.trans('core.forum.header.profile_button')
),
100 100
); );
items.add( items.add(
'settings', 'settings',
LinkButton.component({ LinkButton.component(
icon: 'fas fa-cog', {
children: app.translator.trans('core.forum.header.settings_button'), icon: 'fas fa-cog',
href: app.route('settings'), href: app.route('settings'),
}), },
app.translator.trans('core.forum.header.settings_button')
),
50 50
); );
if (app.forum.attribute('adminUrl')) { if (app.forum.attribute('adminUrl')) {
items.add( items.add(
'administration', 'administration',
LinkButton.component({ LinkButton.component(
icon: 'fas fa-wrench', {
children: app.translator.trans('core.forum.header.admin_button'), icon: 'fas fa-wrench',
href: app.forum.attribute('adminUrl'), href: app.forum.attribute('adminUrl'),
target: '_blank', target: '_blank',
config: () => {}, config: () => {},
}), },
app.translator.trans('core.forum.header.admin_button')
),
0 0
); );
} }
@@ -79,11 +84,13 @@ export default class SessionDropdown extends Dropdown {
items.add( items.add(
'logOut', 'logOut',
Button.component({ Button.component(
icon: 'fas fa-sign-out-alt', {
children: app.translator.trans('core.forum.header.log_out_button'), icon: 'fas fa-sign-out-alt',
onclick: app.session.logout.bind(app.session), onclick: app.session.logout.bind(app.session),
}), },
app.translator.trans('core.forum.header.log_out_button')
),
-100 -100
); );