| | |
| | | > |
| | | {data.priority} |
| | | </Avatar> |
| | | <Typography color="text.secondary" variant="body2"> |
| | | <Typography color="textPrimary" variant="body2"> |
| | | {data.actionType$} |
| | | </Typography> |
| | | <Typography |
| | | variant="body2" |
| | | color="textSecondary" |
| | | > |
| | | ({data.actionSts$ || '-'}) |
| | | </Typography> |
| | | <Box flex={1}></Box> |
| | | <Typography |
| | |
| | | variant="body2" |
| | | color="textSecondary" |
| | | > |
| | | code: {data.code || '-'} |
| | | </Typography> |
| | | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> |
| | | <Typography |
| | | variant="body2" |
| | | color="textSecondary" |
| | | > |
| | | task: {data.taskId$ || '-'} |
| | | </Typography> |
| | | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> |
| | |
| | | variant="body2" |
| | | color="textSecondary" |
| | | > |
| | | status: {data.actionSts$ || '-'} |
| | | code: {data.code || '-'} |
| | | </Typography> |
| | | <Divider orientation="vertical" flexItem sx={{ marginX: 1 }} /> |
| | | <Typography |
| | |
| | | import * as React from 'react'; |
| | | import { Avatar, Typography } from '@mui/material'; |
| | | import { Avatar, Typography, useTheme } from '@mui/material'; |
| | | import { useRecordContext } from 'react-admin'; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | |
| | | export const AgvAvatar = (props) => { |
| | | const theme = useTheme(); |
| | | const { width = 40, height = 40 } = props; |
| | | const record = useRecordContext(props); |
| | | if (!record) return null; |
| | |
| | | width, |
| | | height, |
| | | fontSize: height !== 40 ? '0.6rem' : undefined, |
| | | bgcolor: blueGrey[500] |
| | | bgcolor: theme.palette.primary.main, |
| | | }} |
| | | > |
| | | {record.uuid} |
| | |
| | | } from 'react-admin'; |
| | | import PulseSignal from '../components/PulseSignal'; |
| | | import { AgvAvatar } from './AgvAvatar'; |
| | | import { red, blue } from '@mui/material/colors'; |
| | | import { red, blue, blueGrey } from '@mui/material/colors'; |
| | | |
| | | export const AgvCard = (props) => { |
| | | const resource = useResourceContext(); |
| | |
| | | <Avatar |
| | | key={record.id} |
| | | title={`${record.seqNum}`} |
| | | sx={{ bgcolor: blue[300] }} |
| | | sx={{ bgcolor: blueGrey[500] }} |
| | | > |
| | | {record.seqNum.slice(0, 4)} |
| | | </Avatar> |
| | |
| | | import { Draggable } from '@hello-pangea/dnd'; |
| | | import { Box, Card, Typography, Avatar, Divider, Stack, Slider } from '@mui/material'; |
| | | import { Box, Card, Typography, Avatar, Divider, Stack, Slider, useTheme } from '@mui/material'; |
| | | import { ReferenceField, useRedirect } from 'react-admin'; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | import { styled } from '@mui/material/styles'; |
| | |
| | | }; |
| | | |
| | | export const MissionCardContent = ({ provided, snapshot, mission, }) => { |
| | | const theme = useTheme(); |
| | | const redirect = useRedirect(); |
| | | const handleClick = () => { |
| | | redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, { |
| | |
| | | sx={{ |
| | | width: 30, |
| | | height: 30, |
| | | bgcolor: blueGrey[500], |
| | | bgcolor: theme.palette.primary.main, |
| | | }} |
| | | > |
| | | {mission.agv} |
| | |
| | | useTheme, |
| | | } from '@mui/material'; |
| | | import DialogCloseButton from "../components/DialogCloseButton"; |
| | | import { blueGrey } from '@mui/material/colors'; |
| | | import { blueGrey, blue } from '@mui/material/colors'; |
| | | import MoveToInboxIcon from '@mui/icons-material/MoveToInbox'; |
| | | import { format } from 'date-fns'; |
| | | import { TaskList } from "./TaskList"; |
| | |
| | | sx={{ |
| | | width: 30, |
| | | height: 30, |
| | | bgcolor: blueGrey[500], |
| | | bgcolor: theme.palette.primary.main, |
| | | }} |
| | | > |
| | | {record.agv} |
| | |
| | | useTranslate, |
| | | } from 'react-admin'; |
| | | import { getTaskStsColor } from '@/utils/color-util'; |
| | | import { blueGrey } from "@mui/material/colors"; |
| | | |
| | | export const TaskList = ({ taskIds }) => { |
| | | const dataProvider = useDataProvider(); |
| | |
| | | fontSize: '1rem', |
| | | width: 55, |
| | | height: 40, |
| | | bgcolor: getTaskStsColor(task.taskSts$), |
| | | bgcolor: blueGrey[400], |
| | | // bgcolor: getTaskStsColor(task.taskSts$), |
| | | }} |
| | | > |
| | | {task.seqNum} |