src/views/process-panel/process-panel.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { } from '@material-ui/core';
   7 import { Grid } from '@material-ui/core';
   8 import { ProcessInformationCard } from '~/views-components/process-information-card/process-information-card';
   9 import { ProcessSubprocesses } from '~/views-components/process-subprocesses/process-subprocesses';
  10 import { SubprocessesStatus } from '~/views/process-panel/process-subprocesses';
  11
  12 export type CssRules = 'headerActive' | 'headerCompleted' | 'headerQueued' | 'headerFailed' | 'headerCanceled';
  13
  14 export class ProcessPanel extends React.Component {
  15     render() {
  16         return <div>
  17             <Grid container>
  18                 <Grid item xs={7}>
  19                     <ProcessInformationCard />
  20                 </Grid>
  21             </Grid>
  22             <ProcessSubprocesses />
  23         </div>;
  24     }
  25 }
  26
  27 export const getBackgroundColorStatus = (status: SubprocessesStatus, classes: Record<CssRules, string>) => {
  28     switch (status) {
  29         case SubprocessesStatus.COMPLETED:
  30             return classes.headerCompleted;
  31         case SubprocessesStatus.CANCELED:
  32             return classes.headerCanceled;
  33         case SubprocessesStatus.QUEUED:
  34             return classes.headerQueued;
  35         case SubprocessesStatus.FAILED:
  36             return classes.headerFailed;
  37         case SubprocessesStatus.ACTIVE:
  38             return classes.headerActive;
  39         default:
  40             return classes.headerQueued;
  41     }
  42 };