| | |
| | | TextField, |
| | | Tooltip, |
| | | Button, |
| | | LinearProgress, |
| | | } from '@mui/material'; |
| | | import { Add, Edit, Delete, Padding } from '@mui/icons-material'; |
| | | import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; |
| | |
| | | const TreeTableRow = (props) => { |
| | | const { row, depth = 0, openNodes, setOpenNodes, onEdit, onDelete } = props; |
| | | const translate = useTranslate(); |
| | | |
| | | |
| | | const toggleNode = (id) => { |
| | | setOpenNodes(prevState => ({ ...prevState, [id]: !prevState[id] })); |
| | | }; |
| | |
| | | const refresh = useRefresh(); |
| | | const [deleteOne] = useDelete(); |
| | | |
| | | const [treeData, setTreeData] = React.useState([]); |
| | | const [treeData, setTreeData] = React.useState(null); |
| | | const [filter, setFilter] = React.useState(""); |
| | | const [createDialog, setCreateDialog] = React.useState(false); |
| | | const [editRecord, setEditRecord] = React.useState(null); |
| | |
| | | </Button> |
| | | </Box> |
| | | </Box> |
| | | <Card> |
| | | <Card sx={{ |
| | | position: 'relative', |
| | | }}> |
| | | {!treeData && ( |
| | | <LinearProgress |
| | | sx={{ |
| | | height: "3px", |
| | | position: 'absolute', |
| | | top: 0, |
| | | left: 0, |
| | | right: 0, |
| | | }} |
| | | /> |
| | | )} |
| | | <TableContainer component={Paper}> |
| | | <Table size="small"> |
| | | <TableHead> |