Can set VM rights for API tokens
This commit is contained in:
parent
e68569b9b4
commit
c0b50c75fd
@ -2,6 +2,11 @@ import {
|
||||
Checkbox,
|
||||
FormControlLabel,
|
||||
Paper,
|
||||
Table,
|
||||
TableBody,
|
||||
TableCell,
|
||||
TableHead,
|
||||
TableRow,
|
||||
Tooltip,
|
||||
Typography,
|
||||
} from "@mui/material";
|
||||
@ -22,6 +27,215 @@ export function TokenRightsEditor(p: {
|
||||
}): React.ReactElement {
|
||||
return (
|
||||
<>
|
||||
{/* Virtual machines */}
|
||||
<RightsSection label="Virtual machines">
|
||||
<RouteRight
|
||||
{...p}
|
||||
right={{ verb: "POST", path: "/api/vm/create" }}
|
||||
label="Create a new virtual machine"
|
||||
/>
|
||||
<RouteRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/list" }}
|
||||
label="Get list of virtual machines"
|
||||
/>
|
||||
<RouteRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vnc" }}
|
||||
label="Establish VNC connection"
|
||||
/>
|
||||
</RightsSection>
|
||||
|
||||
<RightsSection label="VM configuration management">
|
||||
<Table size="small">
|
||||
<TableHead>
|
||||
<TableRow>
|
||||
<TableCell>VM name</TableCell>
|
||||
<TableCell>Get definition</TableCell>
|
||||
<TableCell>Update</TableCell>
|
||||
<TableCell>Delete</TableCell>
|
||||
<TableCell>Get XML definition</TableCell>
|
||||
<TableCell>Get autostart</TableCell>
|
||||
<TableCell>Set autostart</TableCell>
|
||||
</TableRow>
|
||||
</TableHead>
|
||||
<TableBody>
|
||||
{/* All VM operations */}
|
||||
<TableRow hover>
|
||||
<TableCell>
|
||||
<i>All</i>
|
||||
</TableCell>
|
||||
<CellRight {...p} right={{ verb: "GET", path: "/api/vm/*" }} />
|
||||
<CellRight {...p} right={{ verb: "PUT", path: "/api/vm/*" }} />
|
||||
<CellRight {...p} right={{ verb: "DELETE", path: "/api/vm/*" }} />
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/src" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/autostart" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "PUT", path: "/api/vm/*/autostart" }}
|
||||
/>
|
||||
</TableRow>
|
||||
|
||||
{/* Per VM operations */}
|
||||
{p.vms.map((v, n) => (
|
||||
<TableRow hover key={n}>
|
||||
<TableCell>{v.name}</TableCell>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "PUT", path: `/api/vm/${v.uuid}` }}
|
||||
parent={{ verb: "PUT", path: "/api/vm/*" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "DELETE", path: `/api/vm/${v.uuid}` }}
|
||||
parent={{ verb: "DELETE", path: "/api/vm/*" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/src` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/src" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/autostart` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/autostart" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "PUT", path: `/api/vm/${v.uuid}/autostart` }}
|
||||
parent={{ verb: "PUT", path: "/api/vm/*/autostart" }}
|
||||
/>
|
||||
</TableRow>
|
||||
))}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</RightsSection>
|
||||
|
||||
<RightsSection label="VM maintenance">
|
||||
<Table size="small">
|
||||
<TableHead>
|
||||
<TableRow>
|
||||
<TableCell>VM name</TableCell>
|
||||
<TableCell>Get state</TableCell>
|
||||
<TableCell>Start</TableCell>
|
||||
<TableCell>Shutdown</TableCell>
|
||||
<TableCell>Kill</TableCell>
|
||||
<TableCell>Reset</TableCell>
|
||||
<TableCell>Suspend</TableCell>
|
||||
<TableCell>Resume</TableCell>
|
||||
<TableCell>Screenshot</TableCell>
|
||||
<TableCell>VNC token</TableCell>
|
||||
</TableRow>
|
||||
</TableHead>
|
||||
<TableBody>
|
||||
{/* All VM operations */}
|
||||
<TableRow hover>
|
||||
<TableCell>
|
||||
<i>All</i>
|
||||
</TableCell>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/state" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/start" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/shutdown" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/kill" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/reset" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/suspend" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/resume" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/screenshot" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: "/api/vm/*/vnc" }}
|
||||
/>
|
||||
</TableRow>
|
||||
|
||||
{/* Per VM operations */}
|
||||
{p.vms.map((v, n) => (
|
||||
<TableRow hover key={n}>
|
||||
<TableCell>{v.name}</TableCell>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/state` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/state" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/start` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/start" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/shutdown` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/shutdown" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/kill` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/kill" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/reset` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/reset" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/suspend` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/suspend" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/resume` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/resume" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/screenshot` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/screenshot" }}
|
||||
/>
|
||||
<CellRight
|
||||
{...p}
|
||||
right={{ verb: "GET", path: `/api/vm/${v.uuid}/vnc` }}
|
||||
parent={{ verb: "GET", path: "/api/vm/*/vnc" }}
|
||||
/>
|
||||
</TableRow>
|
||||
))}
|
||||
</TableBody>
|
||||
</Table>
|
||||
</RightsSection>
|
||||
{/* ISO files */}
|
||||
<RightsSection label="ISO files">
|
||||
<RouteRight
|
||||
@ -87,31 +301,47 @@ function RightsSection(
|
||||
p: React.PropsWithChildren<{ label: string }>
|
||||
): React.ReactElement {
|
||||
return (
|
||||
<Paper style={{ padding: "20px" }}>
|
||||
<Paper style={{ padding: "20px", margin: "10px" }}>
|
||||
<Typography variant="h5">{p.label}</Typography>
|
||||
{p.children}
|
||||
</Paper>
|
||||
);
|
||||
}
|
||||
|
||||
function RouteRight(p: {
|
||||
interface RightOpts {
|
||||
right: TokenRight;
|
||||
label?: string;
|
||||
editable: boolean;
|
||||
token: APIToken;
|
||||
onChange?: () => void;
|
||||
parent?: TokenRight;
|
||||
}): React.ReactElement {
|
||||
const activated =
|
||||
p.token.rights.find(
|
||||
(r) => r.verb === p.right.verb && r.path === p.right.path
|
||||
) !== undefined;
|
||||
}
|
||||
|
||||
function CellRight(p: RightOpts): React.ReactElement {
|
||||
return (
|
||||
<TableCell align="center">
|
||||
<RouteRight {...p} />
|
||||
</TableCell>
|
||||
);
|
||||
}
|
||||
|
||||
function RouteRight(p: RightOpts): React.ReactElement {
|
||||
const rightIndex = p.token.rights.findIndex(
|
||||
(r) => r.verb === p.right.verb && r.path === p.right.path
|
||||
);
|
||||
const activated = rightIndex !== -1;
|
||||
|
||||
const parentActivated =
|
||||
!!p.parent &&
|
||||
p.token.rights.findIndex(
|
||||
(r) => r.verb === p.parent?.verb && r.path === p.parent?.path
|
||||
) !== -1;
|
||||
|
||||
const toggle = (a: boolean) => {
|
||||
if (a) {
|
||||
p.token.rights.push(p.right);
|
||||
} else {
|
||||
p.token.rights.splice(p.token.rights.indexOf(p.right), 1);
|
||||
p.token.rights.splice(rightIndex, 1);
|
||||
}
|
||||
p.onChange?.();
|
||||
};
|
||||
@ -138,8 +368,8 @@ function RouteRight(p: {
|
||||
<FormControlLabel
|
||||
control={
|
||||
<Checkbox
|
||||
checked={activated}
|
||||
disabled={!p.editable}
|
||||
checked={activated || parentActivated}
|
||||
disabled={!p.editable || parentActivated}
|
||||
onChange={(_e, a) => toggle(a)}
|
||||
/>
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user