mirror of
https://github.com/flarum/framework.git
synced 2024-12-06 01:23:38 +08:00
41 lines
1.5 KiB
JavaScript
41 lines
1.5 KiB
JavaScript
import Page from './Page';
|
|
import GroupBadge from '../../common/components/GroupBadge';
|
|
import EditGroupModal from './EditGroupModal';
|
|
import Group from '../../common/models/Group';
|
|
import icon from '../../common/helpers/icon';
|
|
import PermissionGrid from './PermissionGrid';
|
|
|
|
export default class PermissionsPage extends Page {
|
|
view() {
|
|
return (
|
|
<div className="PermissionsPage">
|
|
<div className="PermissionsPage-groups">
|
|
<div className="container">
|
|
{app.store
|
|
.all('groups')
|
|
.filter((group) => [Group.GUEST_ID, Group.MEMBER_ID].indexOf(group.id()) === -1)
|
|
.map((group) => (
|
|
<button className="Button Group" onclick={() => app.modal.show(new EditGroupModal({ group }))}>
|
|
{GroupBadge.component({
|
|
group,
|
|
className: 'Group-icon',
|
|
label: null,
|
|
})}
|
|
<span className="Group-name">{group.namePlural()}</span>
|
|
</button>
|
|
))}
|
|
<button className="Button Group Group--add" onclick={() => app.modal.show(new EditGroupModal())}>
|
|
{icon('fas fa-plus', { className: 'Group-icon' })}
|
|
<span className="Group-name">{app.translator.trans('core.admin.permissions.new_group_button')}</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="PermissionsPage-permissions">
|
|
<div className="container">{PermissionGrid.component()}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|