| | |
| | | />, |
| | | ] |
| | | |
| | | // const TaskListContent = () => { |
| | | // return ( |
| | | // <Box sx={{ position: 'relative' }}> |
| | | // {isLoading && ( |
| | | // <LinearProgress |
| | | // sx={{ |
| | | // height: "2px", |
| | | // position: 'absolute', |
| | | // top: 0, |
| | | // left: 0, |
| | | // right: 0, |
| | | // }} |
| | | // /> |
| | | // )} |
| | | |
| | | // } |
| | | |
| | | |
| | | const TaskList = () => { |
| | | const TaskListContent = () => { |
| | | const translate = useTranslate(); |
| | | const notify = useNotify(); |
| | | const refresh = useRefresh(); |
| | | const [createDialog, setCreateDialog] = useState(false); |
| | | const [drawerVal, setDrawerVal] = useState(false); |
| | | |
| | | const { isLoading } = useListContext(); |
| | | |
| | | const [taskStsByComplete, setTaskStsByComplete] = useState(null); |
| | | const [taskStsByCancel, setTaskStsByCancel] = useState(null); |
| | |
| | | setTaskStsByCancel(res.data.data[0]?.id); |
| | | }) |
| | | }, []); |
| | | |
| | | |
| | | const onComplete = (taskId) => { |
| | | request.get("/task/complete/" + taskId).then(res => { |
| | |
| | | } |
| | | |
| | | return ( |
| | | <Box display="flex"> |
| | | <List |
| | | <Box sx={{ position: 'relative' }}> |
| | | {isLoading && ( |
| | | <LinearProgress |
| | | sx={{ |
| | | flexGrow: 1, |
| | | transition: (theme) => |
| | | theme.transitions.create(['all'], { |
| | | duration: theme.transitions.duration.enteringScreen, |
| | | }), |
| | | marginRight: !!drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, |
| | | height: "2px", |
| | | position: 'absolute', |
| | | top: 0, |
| | | left: 0, |
| | | right: 0, |
| | | }} |
| | | title={"menu.task"} |
| | | empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} |
| | | filters={filters} |
| | | sort={{ field: "", order: "" }} |
| | | actions={( |
| | | <TopToolbar> |
| | | <FilterButton /> |
| | | {/* <MyCreateButton onClick={() => { setCreateDialog(true) }} /> */} |
| | | <SelectColumnsButton preferenceKey='task' /> |
| | | <MyExportButton /> |
| | | </TopToolbar> |
| | | /> |
| | | )} |
| | | pagination={<Pagination rowsPerPageOptions={[10, 25, 50, 100]} />} |
| | | perPage={25} |
| | | aside={<TaskListAside />} |
| | | > |
| | | <StyledDatagrid |
| | | preferenceKey='task' |
| | | bulkActionButtons={false} |
| | |
| | | ) |
| | | )} /> |
| | | </StyledDatagrid> |
| | | </Box> |
| | | ) |
| | | } |
| | | |
| | | |
| | | const TaskList = () => { |
| | | const [createDialog, setCreateDialog] = useState(false); |
| | | const [drawerVal, setDrawerVal] = useState(false); |
| | | |
| | | return ( |
| | | <Box display="flex"> |
| | | <List |
| | | sx={{ |
| | | flexGrow: 1, |
| | | transition: (theme) => |
| | | theme.transitions.create(['all'], { |
| | | duration: theme.transitions.duration.enteringScreen, |
| | | }), |
| | | marginRight: !!drawerVal ? `${PAGE_DRAWER_WIDTH}px` : 0, |
| | | }} |
| | | title={"menu.task"} |
| | | empty={<EmptyData onClick={() => { setCreateDialog(true) }} />} |
| | | filters={filters} |
| | | sort={{ field: "", order: "" }} |
| | | actions={( |
| | | <TopToolbar> |
| | | <FilterButton /> |
| | | {/* <MyCreateButton onClick={() => { setCreateDialog(true) }} /> */} |
| | | <SelectColumnsButton preferenceKey='task' /> |
| | | <MyExportButton /> |
| | | </TopToolbar> |
| | | )} |
| | | pagination={<Pagination rowsPerPageOptions={[10, 25, 50, 100]} />} |
| | | perPage={25} |
| | | aside={<TaskListAside />} |
| | | > |
| | | <TaskListContent drawerVal={drawerVal} /> |
| | | </List> |
| | | <TaskCreate |
| | | open={createDialog} |