| | |
| | | FunctionField, |
| | | Count, |
| | | useNotify, |
| | | useRefresh, |
| | | } from 'react-admin'; |
| | | import { Box, Typography, Stack, useMediaQuery, Tabs, Tab, Divider } from '@mui/material'; |
| | | import { styled } from '@mui/material/styles'; |
| | |
| | | '& .column-name': { |
| | | }, |
| | | '& .opt': { |
| | | width: 120 |
| | | width: 130 |
| | | }, |
| | | })); |
| | | |
| | |
| | | |
| | | const TabbedDatagrid = () => { |
| | | const translate = useTranslate(); |
| | | const notify = useNotify(); |
| | | const notify = useNotify(); |
| | | const refresh = useRefresh(); |
| | | const { filterValues, setFilters, displayedFilters } = useListContext(); |
| | | const isXSmall = useMediaQuery(theme => |
| | | theme.breakpoints.down('sm') |
| | |
| | | <DateField source="createTime" label="common.field.createTime" showTime /> |
| | | <BooleanField source="statusBool" label="common.field.status" sortable={false} /> |
| | | <TextField source="memo" label="common.field.memo" sortable={false} /> |
| | | {filterValues.state === 'RUNNING' && ( |
| | | <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( |
| | | <> |
| | | <ConfirmButton |
| | | label="common.action.deprecate" |
| | | size="small" |
| | | color="error" |
| | | startIcon={<ClearIcon />} |
| | | sx={{ |
| | | padding: '1px', |
| | | fontSize: '.75rem', |
| | | '& .MuiButton-startIcon': { |
| | | marginRight: '2px' |
| | | }, |
| | | }} |
| | | data={record.id} |
| | | onConfirm={() => { |
| | | handleDeprecate(record.id); |
| | | }} |
| | | /> |
| | | </> |
| | | )} /> |
| | | )} |
| | | {( |
| | | filterValues.state === 'INIT' |
| | | || filterValues.state === 'WAITING' |
| | | || filterValues.state === 'RUNNING' |
| | | ) && ( |
| | | <FunctionField label="common.field.opt" cellClassName="opt" render={record => ( |
| | | <> |
| | | <ConfirmButton |
| | | label="common.action.deprecate" |
| | | size="small" |
| | | color="inherit" |
| | | startIcon={<ClearIcon />} |
| | | sx={{ |
| | | padding: '1px', |
| | | fontSize: '.75rem', |
| | | '& .MuiButton-startIcon': { |
| | | marginRight: '2px' |
| | | }, |
| | | }} |
| | | data={record.id} |
| | | onConfirm={() => { |
| | | handleDeprecate(record.id); |
| | | }} |
| | | /> |
| | | </> |
| | | )} /> |
| | | )} |
| | | </StyledDatagrid> |
| | | </> |
| | | )} |