StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add handler to fetch all of the system permissions and load them into the state

Browse source
This commit is contained in:
Dane Everitt 2019-11-03 17:37:06 -08:00
parent 867dbf3bd2
commit d69f816d9d
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
8 changed files with 106 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
resources/scripts/components/server/users/PermissionEditor.tsx Normal file
View file

@ -0,0 +1,10 @@
import React from 'react';
import { SubuserPermission } from '@/state/server/subusers';
interface Props {
defaultPermissions: SubuserPermission[];
}
export default ({ defaultPermissions }: Props) => {
return null;
};

26
resources/scripts/components/server/users/UsersContainer.tsx
View file

@ -5,6 +5,10 @@ import { ServerContext } from '@/state/server';
import Spinner from '@/components/elements/Spinner';
import { Subuser } from '@/state/server/subusers';
import { CSSTransition } from 'react-transition-group';
import classNames from 'classnames';
import PermissionEditor from '@/components/server/users/PermissionEditor';
import { Actions, useStoreActions, useStoreState } from 'easy-peasy';
import { ApplicationStore } from '@/state';
export default () => {
const [ loading, setLoading ] = useState(true);
@ -14,6 +18,15 @@ export default () => {
const subusers = ServerContext.useStoreState(state => state.subusers.data);
const getSubusers = ServerContext.useStoreActions(actions => actions.subusers.getSubusers);
const permissions = useStoreState((state: ApplicationStore) => state.permissions.data);
const getPermissions = useStoreActions((actions: Actions<ApplicationStore>) => actions.permissions.getPermissions);
useEffect(() => {
if (!permissions.length) {
getPermissions().catch(error => console.error(error));
}
}, [ permissions, getPermissions ]);
useEffect(() => {
getSubusers(uuid)
.then(() => setLoading(false))
@ -32,8 +45,11 @@ export default () => {
<div className={'flex my-10'}>
<div className={'w-1/2'}>
<h2 className={'text-neutral-300 mb-4'}>Subusers</h2>
<div className={'border-t-4 border-primary-400 grey-box mt-0'}>
{loading ?
<div className={classNames('border-t-4 grey-box mt-0', {
'border-cyan-400': editSubuser === null,
'border-neutral-400': editSubuser !== null,
})}>
{(loading || !permissions.length) ?
<div className={'w-full'}>
<Spinner centered={true}/>
</div>
@ -78,8 +94,10 @@ export default () => {
<CSSTransition timeout={250} classNames={'fade'} appear={true} in={true}>
<div className={'flex-1 ml-6'}>
<h2 className={'text-neutral-300 mb-4'}>Edit {editSubuser.email}</h2>
<div className={'border-t-4 border-primary-400 grey-box mt-0'}>
<p>Edit permissions here.</p>
<div className={'border-t-4 border-cyan-400 grey-box mt-0'}>
<PermissionEditor
defaultPermissions={editSubuser.permissions}
/>
</div>
</div>
</CSSTransition>