15308555518/ frontend
1
0
Fork 0
mirror of https://github.com/cloudreve/frontend.git synced 2025-12-26 04:02:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Feat: buttons for toggle node status

This commit is contained in:
HFO4 2021-10-31 09:34:22 +08:00
parent d829aacfad
commit f71a9ddd41
1 changed files with 51 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/component/Admin/Node/Node.js
View File

@ -14,7 +14,14 @@ import TableBody from "@material-ui/core/TableBody";
import TablePagination from "@material-ui/core/TablePagination";
import { useHistory } from "react-router";
import IconButton from "@material-ui/core/IconButton";
import { Delete, Edit, Cancel, CheckCircle } from "@material-ui/icons";
import {
Delete,
Edit,
Cancel,
CheckCircle,
PlayArrow,
Pause,
} from "@material-ui/icons";
import Tooltip from "@material-ui/core/Tooltip";
import Chip from "@material-ui/core/Chip";
import classNames from "classnames";
@ -84,6 +91,7 @@ export default function Node() {
const classes = useStyles();
const [nodes, setNodes] = useState([]);
const [isActive, setIsActive] = useState({});
const [loading, setLoading] = useState(false);
const [page, setPage] = useState(1);
const [pageSize, setPageSize] = useState(10);
const [total, setTotal] = useState(0);
@ -113,21 +121,30 @@ export default function Node() {
});
};
useEffect(() => {
loadList();
}, [page, pageSize]);
const deletePolicy = (id) => {
API.delete("/admin/group/" + id)
.then(() => {
const toggleNode = (id, desired) => {
setLoading(true);
API.patch("/admin/node/enable/" + id + "/" + desired)
.then((response) => {
loadList();
ToggleSnackbar("top", "right", "用户组已删除", "success");
ToggleSnackbar(
"top",
"right",
"节点已" + (desired === 1 ? "暂停使用" : "启用"),
"success"
);
})
.catch((error) => {
ToggleSnackbar("top", "right", error.message, "error");
})
.then(() => {
setLoading(false);
});
};
useEffect(() => {
loadList();
}, [page, pageSize]);
const getStatusBadge = (status) => {
if (status === 1) {
return (
@ -230,8 +247,32 @@ export default function Node() {
</TableCell>
<TableCell align={"right"}>
<Tooltip
title={
row.Status === 1
? "启用节点"
: "暂停使用节点"
}
>
<IconButton
disabled={loading}
onClick={() =>
toggleNode(
row.ID,
1 - row.Status
)
}
size={"small"}
>
{row.Status === 1 && (
<PlayArrow />
)}
{row.Status !== 1 && <Pause />}
</IconButton>
</Tooltip>
<Tooltip title={"编辑"}>
<IconButton
disabled={loading}
onClick={() =>
history.push(
"/admin/node/edit/" +
@ -245,9 +286,7 @@ export default function Node() {
</Tooltip>
<Tooltip title={"删除"}>
<IconButton
onClick={() =>
deletePolicy(row.ID)
}
disabled={loading}
size={"small"}
>
<Delete />