| | |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | import MoveToInboxIcon from '@mui/icons-material/MoveToInbox'; |
| | | import { format } from 'date-fns'; |
| | | import { TaskList } from "./TaskList"; |
| | | import { ActionsIterator } from "../action/ActionsIterator"; |
| | | |
| | | const MissionShow = ({ open, id }) => { |
| | | const redirect = useRedirect(); |
| | |
| | | gap={1} |
| | | > |
| | | <Typography variant="body2"> |
| | | {format(record.sendTime, 'yyyy-MM-dd HH:mm:ss')} |
| | | {format(record.sendTime, 'yyyy-MM-dd HH:mm:ss') || '-'} |
| | | </Typography> |
| | | </Stack> |
| | | </Box> |
| | |
| | | Bus No |
| | | </Typography> |
| | | <Typography variant="body2"> |
| | | {record.busNo} |
| | | {record.busNo || '-'} |
| | | </Typography> |
| | | </Box> |
| | | |
| | |
| | | </Box> |
| | | </Box> |
| | | |
| | | {!!record.contact_ids?.length && ( |
| | | {!!record.taskIds?.length && ( |
| | | <Box m={2}> |
| | | <Box |
| | | display="flex" |
| | |
| | | color="textSecondary" |
| | | variant="caption" |
| | | > |
| | | Contacts |
| | | Tasks |
| | | </Typography> |
| | | <ReferenceArrayField |
| | | source="contact_ids" |
| | | reference="contacts_summary" |
| | | > |
| | | <ContactList /> |
| | | <TaskList taskIds={record.taskIds} /> |
| | | </ReferenceArrayField> |
| | | </Box> |
| | | </Box> |
| | | )} |
| | | |
| | | {record.description && ( |
| | | {!!record.codeList?.length && ( |
| | | <Box m={2} sx={{ whiteSpace: 'pre-line' }}> |
| | | <Typography |
| | | color="textSecondary" |
| | | variant="caption" |
| | | > |
| | | Description |
| | | Run Path |
| | | </Typography> |
| | | <Typography variant="body2"> |
| | | {record.description} |
| | | [ {record.codeList.join(' , ')} ] |
| | | </Typography> |
| | | </Box> |
| | | )} |
| | | |
| | | <Box m={2}> |
| | | <Divider /> |
| | | <ActionsIterator actionIds={record.actionIds} /> |
| | | </Box> |
| | | </Box> |
| | | </Box> |