|
|
@ -114,38 +114,38 @@ export default function Processes() { |
|
|
|
{process.progress && <span> |
|
|
|
{process.progress && <span> |
|
|
|
{`${process.progress.progress}`} / {`${process.progress.total}`} - 50% [53Mb] / 20 sec |
|
|
|
{`${process.progress.progress}`} / {`${process.progress.total}`} - 50% [53Mb] / 20 sec |
|
|
|
</span>} |
|
|
|
</span>} |
|
|
|
{canPlay(process) && <IconButton aria-label="Play"> |
|
|
|
{canPlay(process) && <IconButton title={`Play`} aria-label="Play"> |
|
|
|
<PlayCircleOutline/> |
|
|
|
<PlayCircleOutline/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{canPause(process) && <IconButton aria-label="Pause"> |
|
|
|
{canPause(process) && <IconButton title={`Pause`} aria-label="Pause"> |
|
|
|
<PauseCircleOutline/> |
|
|
|
<PauseCircleOutline/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{canStop(process) && <IconButton aria-label="Stop"> |
|
|
|
{canStop(process) && <IconButton title={`Stop`} aria-label="Stop"> |
|
|
|
<StopCircle/> |
|
|
|
<StopCircle/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
</TableCell> |
|
|
|
</TableCell> |
|
|
|
<TableCell> |
|
|
|
<TableCell> |
|
|
|
{canRepeat(process) && <IconButton aria-label="Repeat"> |
|
|
|
{canRepeat(process) && <IconButton title={`Repeat`} aria-label="Repeat"> |
|
|
|
<Replay/> |
|
|
|
<Replay/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{canKill(process) && <IconButton aria-label="Kill"> |
|
|
|
{canKill(process) && <IconButton title={`Kill`} aria-label="Kill"> |
|
|
|
<DeleteForever/> |
|
|
|
<DeleteForever/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
</TableCell> |
|
|
|
</TableCell> |
|
|
|
<TableCell> |
|
|
|
<TableCell> |
|
|
|
{Status.Error === status(process) && <IconButton aria-label="Error"> |
|
|
|
{Status.Error === status(process) && <IconButton title={`Error`} aria-label="Error"> |
|
|
|
<ErrorOutline/> |
|
|
|
<ErrorOutline/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{Status.Success === status(process) && <IconButton aria-label="Success"> |
|
|
|
{Status.Success === status(process) && <IconButton title={`Success`} aria-label="Success"> |
|
|
|
<CheckCircleOutline/> |
|
|
|
<CheckCircleOutline/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{Status.Running === status(process) && <IconButton aria-label="Running"> |
|
|
|
{Status.Running === status(process) && <IconButton title={`Running`} aria-label="Running"> |
|
|
|
<RunCircle/> |
|
|
|
<RunCircle/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{Status.Cancelled === status(process) && <IconButton aria-label="Cancelled"> |
|
|
|
{Status.Cancelled === status(process) && <IconButton title={`Cancelled`} aria-label="Cancelled"> |
|
|
|
<StopCircle/> |
|
|
|
<StopCircle/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
{Status.Wait === status(process) && <IconButton aria-label="Wait"> |
|
|
|
{Status.Wait === status(process) && <IconButton title={`Wait`} aria-label="Wait"> |
|
|
|
<HourglassEmpty/> |
|
|
|
<HourglassEmpty/> |
|
|
|
</IconButton>} |
|
|
|
</IconButton>} |
|
|
|
</TableCell> |
|
|
|
</TableCell> |
|
|
|